CSS light-dark() 함수의 역할은 무엇인가요?

Q: CSS light-dark() 함수의 역할은 무엇인가요?

라이트 모드와 다크 모드에 따라 다른 색상 값을 한 줄로 지정할 수 있다 light-dark() 함수는 color-scheme에 따라 첫 번째 값(라이트 모드)과 두 번째 값(다크 모드)을 자동 선택합니다. 예를 들어 color: light-dark(black, white)는 라이트 모드에서 검정, 다크 모드에서 흰색을 적용합니다. prefers-color-scheme 미디어 쿼리를 사용하지 않고도 간결하게 테마를 전환할 수 있습니다.

어려움 MDN Web Docs

보기 및 정답

A 라이트 모드와 다크 모드에 따라 다른 색상 값을 한 줄로 지정할 수 있다

B @import 규칙은 스타일시트의 어느 위치에서든 자유롭게 사용할 수 있다

C CSS에서 단위 없는 0은 길이 속성에서만 유효하며 각도에는 사용 불가하다

D CSS 속성의 값이 잘못되면 해당 선언뿐 아니라 전체 규칙 블록이 무시된다

해설

light-dark() 함수는 color-scheme에 따라 첫 번째 값(라이트 모드)과 두 번째 값(다크 모드)을 자동 선택합니다. 예를 들어 color: light-dark(black, white)는 라이트 모드에서 검정, 다크 모드에서 흰색을 적용합니다. prefers-color-scheme 미디어 쿼리를 사용하지 않고도 간결하게 테마를 전환할 수 있습니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS light-dark() 함수의 역할은 무엇인가요?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩