처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS color-scheme 속성의 역할은?

어려움 MDN Web Docs
보기 및 정답
A 요소가 지원하는 색상 모드(라이트/다크)를 선언하여, 브라우저 기본 UI가 해당 모드에 맞게 렌더링되도록 한다
B opacity 속성은 해당 요소에만 적용되고 자식 요소에는 영향을 미치지 않아 자식은 원래의 투명도를 유지한다
C linear-gradient에서 방향을 지정하지 않으면 좌측에서 우측 방향으로 그라디언트가 적용되는 것이 기본값이다
D drop-shadow()는 요소의 박스 형태에 그림자를 적용하고 box-shadow는 요소의 실제 모양을 따라 그림자를 적용한다

해설

color-scheme: light dark를 설정하면 브라우저의 기본 요소(스크롤바, 입력 폼 등)가 사용자의 시스템 다크 모드 설정에 맞게 자동 조정됩니다. prefers-color-scheme 미디어 쿼리와 함께 사용하면 완성도 높은 다크 모드를 구현할 수 있습니다.

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

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

정규반 살펴보기

관련 문제

CSS place-items 속성은 어떤 속성의 축약형인가요?
CSS
CSS ::marker 의사 요소(pseudo-element)의 역할은?
CSS
CSS user-select 속성의 역할로 올바른 것은?
CSS
CSS에서 pointer-events: none을 설정한 요소의 동작으로 올바른 것은?
CSS
CSS transform 속성으로 할 수 있는 것에 해당하지 않는 것은?
CSS