Распаковка на вредности на CSS својства во JavaScript

При читање на атрибутот style скратените CSS својства се распакуваат во нивните целосни својства. Ајде да погледнеме, што се подразбира под тоа. Нека имаме зададен отступ за сите страни:

elem.style.margin = '20px';

Да го испечатиме:

console.log(elem.style.margin); // ќе испечати '20px';

Притоа читањето на својствата за одделни страни исто така ќе биде достапно:

console.log(elem.style.marginLeft); // ќе испечати '20px';

Даден е div:

<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	text
</div>

Дадено е исто така копче. При клик на копчето испечатете ја дебелината на границата, нејзиниот тип и боја.