Распакоўка значэнняў CSS уласцівасцей у JavaScript

Пры чытанні атрыбута style скарочаныя CSS уласцівасці распакоўваюцца ў свае поўныя ўласцівасці. Давайце паглядзім, што маецца на ўвазе. Хай у нас зададзены адступ для ўсіх бакоў:

javascriptelem.style.margin = '20px';

Вывядзем яго:

javascriptconsole.log(elem.style.margin); // вывяде '20px';

Пры гэтым чытанне ўласцівасцей для асобных бакоў таксама будзе даступна:

javascriptconsole.log(elem.style.marginLeft); // вывяде '20px';

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