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.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
justify-content | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
Referencias técnicas
- W3C specification
- isolation on MDN
- isolation on Codrops
- SitePoint: A Close-up Look at the CSS mix-blend-mode Property