Propriété isolation CSS

Définition et utilisation

L'attribut isolation définit si un nouveau contexte de pile doit être créé pour l'élément.

Conseil :L'attribut isolation est très utile lorsqu'il est utilisé avec background-blend-mode ou mix-blend-mode.

Voir également :

Guide de référence HTML DOM :Attribut isolation

Exemple

Créez un nouveau contexte de pile pour l'élément avec l'id="e" :

#e {
  isolation: isolate;
}

Essayez-le vous-même

Syntaxe CSS

isolation: auto|isolate|initial|inherit;

Valeur de l'attribut

Valeur Description
auto Par défaut. Un nouveau contexte de pile est créé uniquement lorsque l'un des attributs appliqués à l'élément en a besoin.
isolate Il est nécessaire de créer un nouveau contexte de pile.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Création d'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.isolation="isolate"

Support du navigateur

Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Oui 30.0