CSS properties valuesни JavaScriptда распаковка қилиш

Атрибут style ни ўқишда қисқартирилган CSS properties ўзларининг тўлиқ propertiesга распаковка қилинади. Келиб, нимани назарда тутилганини кўриб чиқайлик. Бизда ҳамма томонлар учун чегара берилган бўлсин:

elem.style.margin = '20px';

Уни чиқарайлик:

console.log(elem.style.margin); // '20px' чиқаради;

Бу ҳолда алохида томонлар учун propertiesларни ўқиш ҳам мумкин бўлади:

console.log(elem.style.marginLeft); // '20px' чиқаради;

Див берилган:

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

Тугма ҳам берилган. Тугмани босганда чегаранинг қалинлигини, унинг турини ва рангни чиқаринг.