CSS 속성 값의 자바스크립트에서 언패킹

style 속성을 읽을 때 축약형 CSS 속성은 해당하는 전체 속성으로 언패킹됩니다. 어떤 의미인지 살펴보겠습니다. 모든 면에 마진이 설정되어 있다고 가정해 봅시다:

javascriptelem.style.margin = '20px';

이를 출력해 보겠습니다:

javascriptconsole.log(elem.style.margin); // '20px'를 출력합니다;

이때 개별 측면에 대한 속성 읽기도 가능해집니다:

javascriptconsole.log(elem.style.marginLeft); // '20px'를 출력합니다;

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