Распаковка значений 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>
Дана также кнопка. По клику на кнопку выведите толщину границы, ее тип и цвет.
