1. Layout
  2. isolation

Layout

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

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

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

Responsive design

Prefija una utilidad isolation con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:

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

Aprende más sobre el uso de variantes en la documentación de variantes.

Copyright © 2025 Tailwind Labs Inc.·Política de Marca Registrada