CSS atribuutide väärtuste lahtipakkimine JavaScriptis

style atribuudi lugemisel lühendatud CSS atribuudid pakitakse lahti oma täielikeks atribuutideks. Vaatame, mida selle all mõeldakse. Olgu meil määratud marginaal kõigile külgedele:

javascriptelem.style.margin = '20px';

Väljastame selle:

javascriptconsole.log(elem.style.margin); // väljastab '20px';

Samal ajal on ka üksikute külgede atribuutide lugemine saadaval:

javascriptconsole.log(elem.style.marginLeft); // väljastab '20px';

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