Déballage des valeurs des propriétés CSS en JavaScript

Lors de la lecture de l'attribut style, les propriétés CSS raccourcies sont déballées dans leurs propriétés complètes. Voyons ce que cela signifie. Supposons que nous ayons défini une marge pour tous les côtés :

javascriptelem.style.margin = '20px';

Affichons-la :

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

Dans ce cas, la lecture des propriétés pour les côtés individuels sera également disponible :

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

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