Распакоўка значэнняў 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>
Дадзена таксама кнопка. Па кліку на кнопку вывядзіце таўшчыню мяжы, яе тып і колер.
