CSS isolation 속성

정의와 사용법

isolation 속성은 요소가 새로운 스택 컨텍스트를 생성해야 하는지 정의합니다.

ヒント:background-blend-mode 또는 mix-blend-mode와 함께 사용할 때, isolation 속성이 매우 유용합니다.

또한 참고:

HTML DOM 참조 설명서:isolation 속성

예제

id="e" 요소에 새로운 스택 컨텍스트를 생성합니다:

#e {
  isolation: isolate;
}

직접 테스트해 보세요

CSS 문법

isolation: auto|isolate|initial|inherit;

속성 값

값 설명
auto 기본. 요소에 적용된 속성 중 하나가 그렇게 요구할 때만 새로운 스택 컨텍스트를 생성합니다.
isolate 새로운 스택 컨텍스트를 생성해야 합니다.
initial 이 속성을 기본 값으로 설정합니다. 참고: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참고: inherit.

기술 세부 사항

기본 값: auto
상속: 아니요
애니메이션 제작: 지원하지 않습니다. 참고:애니메이션 관련 속성.
버전: CSS3
JavaScript 문법: object.style.isolation="isolate"

브라우저 지원

표의 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
41.0 79.0 36.0 네 30.0