Entpacken von CSS-Eigenschaftswerten in JavaScript
Beim Auslesen des Attributs style werden
abgekürzte CSS-Eigenschaften in ihre
vollständigen Eigenschaften entpackt. Schauen wir uns an,
was damit gemeint ist. Nehmen wir an, wir haben
einen Abstand für alle Seiten festgelegt:
elem.style.margin = '20px';
Geben wir ihn aus:
console.log(elem.style.margin); // gibt '20px' aus;
Gleichzeitig wird das Auslesen der Eigenschaften für einzelne Seiten ebenfalls verfügbar sein:
console.log(elem.style.marginLeft); // gibt '20px' aus;
Gegeben ist ein Div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Gegeben ist auch ein Button. Beim Klick auf den Button gib die Dicke des Rahmens, seinen Typ und die Farbe aus.
