CSS Özellik Değerlerinin JavaScript'te Açılması

style özniteliği okunurken, kısaltılmış CSS özellikleri kendi tam özelliklerine açılır. Ne demek istediğimize bir göz atalım. Tüm kenarlar için bir boşluk belirlenmiş olsun:

javascriptelem.style.margin = '20px';

Onu yazdıralım:

javascriptconsole.log(elem.style.margin); // '20px' yazdırır;

Bu durumda, ayrı ayrı kenarlar için özelliklerin okunması da mümkün olacaktır:

javascriptconsole.log(elem.style.marginLeft); // '20px' yazdırır;

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