CSS 속성 값의 자바스크립트에서 언패킹
style 속성을 읽을 때 축약형
CSS 속성은 해당하는 전체 속성으로
언패킹됩니다. 어떤 의미인지 살펴보겠습니다.
모든 면에 마진이 설정되어 있다고
가정해 봅시다:
elem.style.margin = '20px';
이를 출력해 보겠습니다:
console.log(elem.style.margin); // '20px'를 출력합니다;
이때 개별 측면에 대한 속성 읽기도 가능해집니다:
console.log(elem.style.marginLeft); // '20px'를 출력합니다;
다음 div가 있습니다:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
버튼도 있습니다. 버튼을 클릭했을 때 테두리의 두께, 유형 및 색상을 출력하세요.
