Uitpakken van CSS eigenschapswaarden in JavaScript
Bij het lezen van het attribuut style worden afgekorte
CSS eigenschappen uitgepakt in hun
volledige eigenschappen. Laten we eens kijken
wat daarmee bedoeld wordt. Stel we hebben
een margin voor alle kanten ingesteld:
elem.style.margin = '20px';
Laten we het uitvoeren:
console.log(elem.style.margin); // geeft '20px' weer;
Hierbij zal het lezen van eigenschappen voor individuele kanten ook beschikbaar zijn:
console.log(elem.style.marginLeft); // geeft '20px' weer;
Gegeven een div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Er is ook een knop. Bij klik op de knop geef je de dikte van de rand, het type en de kleur weer.
