[CSS] 사용자 지정 CSS 속성(변수) 사용하기
선언 방법 사용자 지정 속성은 두 개의 붙임표로 시작하는 속성의 이름과 함께, 유효한 CSS 값이라면 아무거나 그 값으로 지정해 선언할 수 있다. :root { /* 보통 이 패턴을 많이 사용한다. */ --main-bg-color: brown; } div { /* 요소에서도 사용 가능하다. */ --main-bg-color: brown; } 사용 방법 var() 함수를 지정하고, 매개변수로 선언한 사용자 지정 속성의 이름을 사용한다. /* :root로 사용했을 경우 */ :root { --main-bg-color: brown; } .header { background: var(--main-bg-color); } /* 요소에서 사용했을 경우 */ div { --main-bg-color: brown; ba..
이론/CSS
2021. 11. 9. 08:49
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 링크막기 #a링크막기
- innerHeight
- scrollHeight
- 동치 연산자
- 불일치 연산자
- 부등 연산자
- clinetTop
- clientHeight
- constructor
- scrollTop
- 점 표기법
- offsetTop
- [[Prototype]]
- property
- __proto__
- offsetHeight
- prototype 프로퍼티
- javascript class
- 대괄포 표기법
- 동등 연산자
- 일치 연산자
- 객체의 프로퍼티
- @font-face
- outerHeight
- 프로퍼티
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
글 보관함