처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS 변수(Custom Properties)를 var() 함수로 사용할 때, 두 번째 인자의 역할은?

쉬움 MDN Web Docs
보기 및 정답
A 변수가 정의되지 않았을 때 사용할 대체(fallback) 값을 지정한다
B CSS 변수는 미디어 쿼리의 조건문 내에서 사용할 수 없는 제한이 있다
C CSS 변수는 선언된 요소 내부에서만 유효하며 자식에게 상속되지 않는다
D CSS 변수는 JavaScript에서 접근하거나 수정하는 것이 불가능하다

해설

var(--my-color, blue)처럼 두 번째 인자를 지정하면, --my-color가 정의되지 않았을 때 blue가 대체값으로 사용됩니다. 이를 통해 변수 미설정 시에도 안전하게 스타일이 적용되며, 대체값 자체에도 다른 var()를 사용할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기