Uitpakken van CSS eigenschapswaarden in JavaScript

Bij het lezen van het attribuut style worden afgekorte CSS eigenschappen uitgepakt in hun volledige eigenschappen. Laten we eens kijken wat daarmee bedoeld wordt. Stel we hebben een margin voor alle kanten ingesteld:

javascriptelem.style.margin = '20px';

Laten we het uitvoeren:

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

Hierbij zal het lezen van eigenschappen voor individuele kanten ook beschikbaar zijn:

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

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