Unpacking CSS property values in JavaScript
When the style attribute is read,
shortened CSS properties are 'unpacked'
into their full properties. Let's see what
is meant. Let us set the margin for all sides:
elem.style.margin = '20px';
Let's output it:
console.log(elem.style.margin); // shows '20px';
At the same time, reading properties for each side will also be available:
console.log(elem.style.marginLeft); // shows '20px';
Given a div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
There is also a button. By clicking on the button, display the border thickness, its type and color.
