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

로그인

| 비밀번호찾기

추가 정보 입력

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

회원가입

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

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS ::backdrop 의사 요소의 역할로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A scroll-behavior: smooth는 JavaScript의 scrollTo에는 적용되지 않는다
B <dialog>나 Fullscreen API로 표시된 요소 뒤에 나타나는 배경 레이어를 스타일링한다
C content-visibility: auto는 display: none과 유사하게 요소를 숨기는 속성이다
D CSS 파일의 로딩 순서는 동일한 명시도를 가진 스타일 규칙의 적용 우선순위에 아무런 영향을 주지 않는다

해설

::backdrop은 <dialog>의 showModal()이나 Fullscreen API로 전체 화면이 된 요소 뒤에 자동 생성되는 전체 화면 레이어입니다. 이 의사 요소에 background-color, opacity 등을 적용하여 오버레이 배경의 색상과 투명도를 커스터마이징할 수 있습니다.

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

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

정규반 살펴보기

관련 문제

CSS filter 속성으로 적용할 수 있는 효과가 아닌 것은?
CSS
CSS content-visibility: auto 속성의 주된 이점은?
CSS
CSS gap 속성이 Flexbox와 Grid에서 margin 대비 가지는 장점은?
CSS
CSS text-wrap: balance 속성의 역할은 무엇인가요?
CSS
CSS contain 속성의 목적은 무엇인가요?
CSS