Rozbalování hodnot CSS vlastností v JavaScriptu

Při čtení atributu style jsou zkrácené CSS vlastnosti rozbaleny do svých plných verzí. Podívejme se, co to znamená. Předpokládejme, že máme nastaveno odsazení pro všechny strany:

javascriptelem.style.margin = '20px';

Vypišme jej:

javascriptconsole.log(elem.style.margin); // vypíše '20px';

Zároveň bude čtení vlastností pro jednotlivé strany také dostupné:

javascriptconsole.log(elem.style.marginLeft); // vypíše '20px';

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