CSS-ominaisuuksien arvojen purku JavaScriptissä

Kun style-attribuuttia luetaan, lyhennetyt CSS-ominaisuudet puretaan täydellisiksi ominaisuuksikseen. Katsotaanpa, mitä tarkoitetaan. Oletetaan, että meillä on marginaali asetettu kaikille sivuille:

javascriptelem.style.margin = '20px';

Tulostetaan se:

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

Samaan aikaan yksittäisten sivujen ominaisuuksien lukeminen on myös mahdollista:

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

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