Despachetarea valorilor proprietăților CSS în JavaScript
La citirea atributului style proprietățile
CSS prescurtate sunt despachetate în
proprietățile lor complete. Să vedem
ce se înțelege prin asta. Să presupunem că
avem o margine setată pentru toate laturile:
elem.style.margin = '20px';
Să o afișăm:
console.log(elem.style.margin); // va afișa '20px';
În același timp, citirea proprietăților pentru laturile individuale va fi de asemenea disponibilă:
console.log(elem.style.marginLeft); // va afișa '20px';
Este dat un div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
De asemenea, este dat un buton. La click pe buton afișați grosimea bordurii, tipul ei și culoarea.
