Rozpakowywanie wartości właściwości CSS w JavaScript
Podczas odczytu atrybutu style skrócone
właściwości CSS są rozpakowywane na swoje
pełne właściwości. Spójrzmy,
co mamy na myśli. Załóżmy, że mamy
ustawiony margines dla wszystkich stron:
elem.style.margin = '20px';
Wypiszmy go:
console.log(elem.style.margin); // wypisze '20px';
Przy tym odczyt właściwości dla poszczególnych stron również będzie dostępny:
console.log(elem.style.marginLeft); // wypisze '20px';
Dany jest div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Dany jest również przycisk. Po kliknięciu przycisku wypisz grubość obramowania, jej typ i kolor.
