본문 바로가기

Web/CSS

사용자 지정 CSS 속성 (css 변수)

개요

CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;) var() 함수를 사용해 접근할 수 있습니다. (color: var(--main-color);)

 

참고

https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties

 

사용자 지정 CSS 속성 사용하기 (변수) - CSS: Cascading Style Sheets | MDN

사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;)

developer.mozilla.org

 

'Web > CSS' 카테고리의 다른 글

새로운 font 가져오기, 사용하기  (0) 2022.11.08
grid 문법  (0) 2022.05.22
반응형 사이드바 / tistory 로딩화면  (0) 2022.02.11
::marker 선택자  (0) 2022.02.08
상속 우선순위(같은 태그를 여러 방법으로 선택할 때)  (0) 2022.02.08