CSS tulajdonságértékek kicsomagolása JavaScriptben
A style attribútum olvasásakor a rövidített
CSS tulajdonságok a teljes
tulajdonságaikba csomagolódnak ki. Nézzük meg,
hogy ez mit jelent. Tegyük fel, hogy
mindkét oldalra van margó beállítva:
elem.style.margin = '20px';
Jelenítsük meg:
console.log(elem.style.margin); // kiírja: '20px';
Ekkor az egyes oldalak tulajdonságainak olvasása is elérhető lesz:
console.log(elem.style.marginLeft); // kiírja: '20px';
Adott egy div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Adott egy gomb is. A gombra kattintva jelenítse meg a szegély vastagságát, típusát és színét.
