Scomposizione dei valori delle proprietà CSS in JavaScript
Durante la lettura dell'attributo style le proprietà
CSS abbreviate vengono scomposte nelle loro
proprietà complete. Vediamo cosa
significa. Supponiamo di avere
un margine impostato per tutti i lati:
elem.style.margin = '20px';
Stampiamolo:
console.log(elem.style.margin); // stamperà '20px';
In questo caso anche la lettura delle proprietà per i singoli latì sarà disponibile:
console.log(elem.style.marginLeft); // stamperà '20px';
È dato un div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
È dato anche un pulsante. Al click sul pulsante visualizza lo spessore del bordo, il suo tipo e il colore.
