CSS isolation eigenschap

Definitie en gebruik

De eigenschap isolation definieert of een element een nieuwe stapeling van de context moet creëren.

Tip:Gebruikswaarschuwing: De eigenschap isolation is zeer nuttig in combinatie met background-blend-mode of mix-blend-mode.

Zie ook:

HTML DOM referentiehandleiding:isolation eigenschap

Voorbeeld

Maak een nieuwe stapeling van de context voor het element met id="e":

#e {
  isolation: isolate;
}

Probeer het zelf

CSS syntaxis

isolation: auto|isolate|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto Standaard. Alleen wanneer een van de eigenschappen van het element deze nodig heeft, wordt een nieuwe stapeling van de context gecreëerd.
isolate Het is noodzakelijk om een nieuwe stapeling van de context te creëren.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Van de ouderlijke elementen erven deze eigenschap. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritantie: Nee
Animatieproductie: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.isolation="isolate"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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