# Распаковка значений CSS свойств в JavaScript

При чтении атрибута `style` сокращенные CSS свойства распаковываются в свои полные свойства. Давайте посмотрим, что имеется ввиду. Пусть у нас задан отступ для всех сторон:

`elem.style.margin = '20px';`

Выведем его:

`console.log(elem.style.margin); // выведет '20px';`

При этом чтение свойств для отдельных сторон также будет доступно:

`console.log(elem.style.marginLeft); // выведет '20px';`

Дан див:

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

Дана также кнопка. По клику на кнопку выведите толщину границы, ее тип и цвет.

← →
↑
en ru