CSS @supports 규칙의 역할로 올바른 것은?

Q: CSS @supports 규칙의 역할로 올바른 것은?

브라우저가 특정 CSS 기능을 지원하는지 확인하고 조건부로 스타일을 적용한다 @supports는 브라우저의 CSS 기능 지원 여부를 런타임에 확인하는 조건부 규칙입니다. 예를 들어 @supports (display: grid) { ... }는 Grid를 지원하는 브라우저에서만 해당 스타일을 적용합니다. 점진적 향상(Progressive Enhancement)에 유용합니다.

보통 MDN Web Docs

보기 및 정답

A 브라우저가 특정 CSS 기능을 지원하는지 확인하고 조건부로 스타일을 적용한다

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

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

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

해설

@supports는 브라우저의 CSS 기능 지원 여부를 런타임에 확인하는 조건부 규칙입니다. 예를 들어 @supports (display: grid) { ... }는 Grid를 지원하는 브라우저에서만 해당 스타일을 적용합니다. 점진적 향상(Progressive Enhancement)에 유용합니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS @supports 규칙의 역할로 올바른 것은?

해설

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

관련 문제

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