在開發網頁的過程中，經常需要獲取或修改元素的樣式。要實現這些操作，我們需要獲取 CSS 屬性的數值。

// 獲取元素的寬度
let width = document.querySelector('.element').clientWidth;
// 獲取元素的高度
let height = document.querySelector('.element').clientHeight;
// 獲取元素的 font-size
let fontSize = parseInt(window.getComputedStyle(document.querySelector('.element')).getPropertyValue('font-size'));
// 獲取元素的背景顏色
let backgroundColor = window.getComputedStyle(document.querySelector('.element')).getPropertyValue('background-color');

上述代碼中，我們使用了clientWidth和clientHeight屬性來獲取元素的寬度和高度。這些屬性可以獲取元素的尺寸，但是不包括元素的邊框和內邊距。

如果要獲取元素的樣式屬性（例如字體大小，背景顏色等），我們可以使用window.getComputedStyle()方法。此方法返回一個對象，該對象包含指定元素的所有計算樣式屬性的值。

要獲取特定樣式屬性的值，我們可以使用getPropertyValue()方法。例如，我們在上面的代碼中使用了getPropertyValue('font-size')來獲取元素的字體大小。

需要注意的是，getPropertyValue()方法返回的值是一個字符串，如果需要進行數值運算，我們需要先將其轉換為數字。例如，在上面的代碼中，我們使用了parseInt()方法來將fontSize轉換為整數。