Rozbalování hodnot CSS vlastností v JavaScriptu
Při čtení atributu style jsou zkrácené
CSS vlastnosti rozbaleny do svých
plných verzí. Podívejme se,
co to znamená. Předpokládejme, že máme
nastaveno odsazení pro všechny strany:
elem.style.margin = '20px';
Vypišme jej:
console.log(elem.style.margin); // vypíše '20px';
Zároveň bude čtení vlastností pro jednotlivé strany také dostupné:
console.log(elem.style.marginLeft); // vypíše '20px';
Je dán div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Je dáno také tlačítko. Po kliknutí na tlačítko vypište tloušťku ohraničení, jeho typ a barvu.
