Atributo CSS isolation

Definición y uso

El atributo isolation define si el elemento debe crear un nuevo contexto de apilamiento.

Consejo:El atributo isolation es muy útil cuando se utiliza junto con background-blend-mode o mix-blend-mode.

Véase también:

Manual de referencia de HTML DOM:Atributo isolation

Ejemplo

Crear un nuevo contexto de apilamiento para el elemento con id="e":

#e {
  isolation: isolate;
}

Pruebe usted mismo

Sintaxis de CSS

isolation: auto|isolate|initial|inherit;

Valor del atributo

Valor Descripción
auto Predeterminado. Se crea un nuevo contexto de apilamiento solo cuando uno de los atributos aplicados al elemento necesita
isolate Es necesario crear un nuevo contexto de apilamiento.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Herencia: No
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.isolation="isolate"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Sí 30.0