1. Diseño
  2. isolation

Diseño

isolation

Utilidades para controlar si un elemento debe crear explícitamente un nuevo contexto de apilamiento.

ClaseEstilos
isolate
isolation: isolate;
isolation-auto
isolation: auto;

Ejemplos

Ejemplo básico

Utiliza las utilidades isolate e isolation-auto para controlar si un elemento debe crear explícitamente un nuevo contexto de apilamiento:

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

Diseño responsivo

Antepone a la utilidad isolation el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:

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

Obtén más información sobre el uso de variantes en la documentación de variantes.

Copyright © 2026 Tailwind Labs Inc.·Política de marcas registradas