Rozpakowywanie wartości właściwości CSS w JavaScript

Podczas odczytu atrybutu style skrócone właściwości CSS są rozpakowywane na swoje pełne właściwości. Spójrzmy, co mamy na myśli. Załóżmy, że mamy ustawiony margines dla wszystkich stron:

javascriptelem.style.margin = '20px';

Wypiszmy go:

javascriptconsole.log(elem.style.margin); // wypisze '20px';

Przy tym odczyt właściwości dla poszczególnych stron również będzie dostępny:

javascriptconsole.log(elem.style.marginLeft); // wypisze '20px';

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