Scomposizione dei valori delle proprietà CSS in JavaScript

Durante la lettura dell'attributo style le proprietà CSS abbreviate vengono scomposte nelle loro proprietà complete. Vediamo cosa significa. Supponiamo di avere un margine impostato per tutti i lati:

javascriptelem.style.margin = '20px';

Stampiamolo:

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

In questo caso anche la lettura delle proprietà per i singoli latì sarà disponibile:

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

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