CSS 예제 19 / 20
--이름: 값; 으로 변수를 선언하고 var(--이름) 으로 어디서든 재사용합니다. 같은 값을 여러 곳에 쓸 때 유지보수가 훨씬 편해져요.
--변수
var()
커스텀 속성
테마
💡 이렇게 바꿔보세요
- 변수를
:root 에 선언하면 문서 전체에서 쓸 수 있는 '전역 변수'가 돼요
[data-theme="dark"] 처럼 속성 선택자로 변수 값을 덮어쓰면, 그 값을 쓰는 모든 곳이 한 번에 바뀌어요var(--이름, 기본값) 처럼 두 번째 인자로 변수가 없을 때 쓸 기본값도 줄 수 있어요
← CSS 예제 목록