isolation

엘리먼트가 명시적으로 새로운 z-index 기반 레이어링을 생성해야 하는지 여부를 제어하는 유틸리티입니다.

Class Styles

Class	Styles
`isolate`	`isolation: isolate;`
`isolation-auto`	`isolation: auto;`

isolate

isolation: isolate;

isolation-auto

isolation: auto;

예제

isolate와 isolation-auto 유틸리티를 사용해 엘리먼트가 새로운 z-index 기반 레이어링을 명시적으로 생성할지 여부를 제어할 수 있습니다:

<div class="isolate ...">  <!-- ... --></div>

접두사 an isolation 유틸리티 를 md:와 같은 브레이크포인트 변형과 함께 사용하면 medium 화면 크기 이상에서만 유틸리티가 적용됩니다:

<div class="isolate md:isolation-auto ...">  <!-- ... --></div>

변형 사용에 대해 더 알아보려면 변형 문서를 참고하세요.