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 :
elem.style.margin = '20px';
Affichons-la :
console.log(elem.style.margin); // affichera '20px';
Dans ce cas, la lecture des propriétés pour les côtés individuels sera également disponible :
console.log(elem.style.marginLeft); // affichera '20px';
Étant donné une div :
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Un bouton est également donné. Lors du clic sur le bouton, affichez l'épaisseur de la bordure, son type et sa couleur.
