[CSS] 사용자 지정 CSS 속성 사용하기 (변수)

변수 선언하기 # CSS에서도 변수를 선언하여 사용 할 수 있습니다. 이것을 "규칙 집합의 선택자"라고 합니다. # 보통 앞에 "--"를 입력하여 나오는 뒤의 단어는 자유롭게 선언이 가능합니다. :root { --default-color: red; --main-color: blue; } h1 { --default-color: red; --main-color: blue; } ※ 사용자 지정 속성의 이름은 대소문자를 구분합니다. 따라서 "--my-color"와 "--My-color"는 서로 다른 속성으로써 처리합니다. 변수 사용하기 h1 { background-color: var(--default-color); => red background-color: var(--main-color); => blue } 예제 # 아래와 같이 "background-color: brown" 반복되고 있을때, .one { color: white; "background-color: brown;" margin...

원문링크 : [CSS] 사용자 지정 CSS 속성 사용하기 (변수)