Despachetarea valorilor proprietăților CSS în JavaScript

La citirea atributului style proprietățile CSS prescurtate sunt despachetate în proprietățile lor complete. Să vedem ce se înțelege prin asta. Să presupunem că avem o margine setată pentru toate laturile:

javascriptelem.style.margin = '20px';

Să o afișăm:

javascriptconsole.log(elem.style.margin); // va afișa '20px';

În același timp, citirea proprietăților pentru laturile individuale va fi de asemenea disponibilă:

javascriptconsole.log(elem.style.marginLeft); // va afișa '20px';

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