isolation

Índice

Definición de .isolation utilizado en CSS

La propiedad .isolation en CSS se utiliza para evitar que los elementos se mezclen con sus fondos.

Caso de uso : propiedad CSS isolation

Esta propiedad de CSS se utiliza de esta forma:

.module {
  isolation: isolate;
}

Otro ejemplo más avanzado de .isolation es el siguiente de CODEPEN:

Sintaxis de .isolation en CSS

  isolation: auto|isolate|initial|inherit;

Valores

Valor Descripción
auto Defecto. Se crea un nuevo contexto de apilamiento solo si una de las propiedades aplicadas al elemento lo requiere
aislar Se debe crear un nuevo contexto de apilamiento.
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .isolation

Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
justify-content 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0

Referencias técnicas

Quizás te interesen estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso