isolation

Utilities for controlling whether an element should explicitly create a new stacking context.

Class Styles

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

isolate

isolation: isolate;

isolation-auto

isolation: auto;

Examples

Use the isolate and isolation-auto utilities to control whether an element should explicitly create a new stacking context:

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

Prefix an isolation utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

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

Learn more about using variants in the variants documentation.