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

로그인

| 비밀번호찾기

추가 정보 입력

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

회원가입

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

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS에서 isolation: isolate 속성의 효과로 올바른 것은?

어려움 MDN Web Docs
보기 및 정답
A 요소에 새로운 쌓임 맥락(stacking context)을 강제로 생성하여 z-index 관리를 용이하게 한다
B CSS 변수는 선언된 요소의 스코프 내에서만 유효하며 자식 요소에는 상속되지 않아 각각 별도로 선언해야 한다
C CSS에서 !important를 사용하면 해당 속성이 모든 하위 요소에도 자동으로 상속되어 적용되는 특성이 있다
D content-visibility: auto는 display: none과 유사하게 요소를 숨기는 속성이다

해설

isolation: isolate는 mix-blend-mode 등에서 의도치 않은 블렌딩을 방지하기 위해 새로운 쌓임 맥락을 생성합니다. 이를 통해 요소 내부의 z-index가 외부와 독립적으로 동작하게 되어, 복잡한 레이아웃에서 z-index 충돌을 방지할 수 있습니다.

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

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

정규반 살펴보기

관련 문제

CSS overscroll-behavior 속성의 역할은 무엇인가요?
CSS
CSS scroll-behavior: smooth의 효과로 올바른 것은?
CSS
CSS :target 의사 클래스(pseudo-class)는 어떤 요소를 선택하나요?
CSS
CSS에서 scroll-snap-type과 scroll-snap-align을 함께 사용하는 목적으로 올바른 것은?
CSS
CSS nesting(네스팅) 기능이란 무엇인가요?
CSS