참조 : https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties IE에서는 지원하지 않습니다. 지원이 가능하도록 도와주는css-var-ponyfill이라는 라이브러리가 있긴한데, 아무리 설정해도 해결책을 못 찾았습니다. 좀 더 파보고 해결책이 나오면 추후 포스팅하도록 하겠습니다. element와 root에서 선언함으로써 스코프(scope)를 지정할 수 있습니다. element에서 지정된 변수는 해당 element가 부모가 아니면 적용이 되지 않습니다. :root { --box-size: 50px; } .box1 { --main-color: orange; } :root는 전역을 뜻하고. box1 은. box1을 포함한 하위 ele..