Desglose de valores de propiedades CSS en JavaScript
Al leer el atributo style, las
propiedades CSS abreviadas
se desglosan en sus
propiedades completas. Veamos
a qué nos referimos. Supongamos que tenemos
un margen establecido para todos los lados:
elem.style.margin = '20px';
Mostrémoslo:
console.log(elem.style.margin); // mostrará '20px';
Al mismo tiempo, la lectura de propiedades para lados individuales también estará disponible:
console.log(elem.style.marginLeft); // mostrará '20px';
Dado un div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
También se da un botón. Al hacer clic en el botón muestre el grosor del borde, su tipo y el color.
