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:

javascriptelem.style.margin = '20px';

Mostrémoslo:

javascriptconsole.log(elem.style.margin); // mostrará '20px';

Al mismo tiempo, la lectura de propiedades para lados individuales también estará disponible:

javascriptconsole.log(elem.style.marginLeft); // mostrará '20px';

html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
  text
</div>