CSS tulajdonságértékek kicsomagolása JavaScriptben

A style attribútum olvasásakor a rövidített CSS tulajdonságok a teljes tulajdonságaikba csomagolódnak ki. Nézzük meg, hogy ez mit jelent. Tegyük fel, hogy mindkét oldalra van margó beállítva:

javascriptelem.style.margin = '20px';

Jelenítsük meg:

javascriptconsole.log(elem.style.margin); // kiírja: '20px';

Ekkor az egyes oldalak tulajdonságainak olvasása is elérhető lesz:

javascriptconsole.log(elem.style.marginLeft); // kiírja: '20px';

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