Giải nén giá trị thuộc tính CSS trong JavaScript
Khi đọc thuộc tính style, các thuộc tính
CSS viết tắt sẽ được giải nén thành các
thuộc tính đầy đủ của chúng. Hãy xem
ý nghĩa của điều này. Giả sử chúng ta
đặt lề cho tất cả các phía:
elem.style.margin = '20px';
Hãy in nó ra:
console.log(elem.style.margin); // sẽ in ra '20px';
Đồng thời, việc đọc thuộc tính cho các phía riêng biệt cũng sẽ có sẵn:
console.log(elem.style.marginLeft); // sẽ in ra '20px';
Cho một thẻ div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Cũng có một nút bấm. Khi nhấp vào nút, hãy in ra độ dày đường viền, kiểu của nó và màu sắc.
