Rozbalenie hodnôt CSS vlastností v JavaScripte
Pri čítaní atribútu style skrátené
CSS vlastnosti sa rozbalia do svojich
plných vlastností. Pozrime sa,
čo sa tým myslí. Majme
nastavený odstup pre všetky strany:
elem.style.margin = '20px';
Vypíšme ho:
console.log(elem.style.margin); // vypíše '20px';
Zároveň čítanie vlastností pre jednotlivé strany bude tiež dostupné:
console.log(elem.style.marginLeft); // vypíše '20px';
Daný div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Dané aj tlačidlo. Kliknutím na tlačidlo vypíšte hrúbku okraja, jej typ a farbu.