CSS isolatie Eigenschap
Voorbeeld
Maak een nieuwe stapelcontext voor het element met id="e":
#e {
isolation: isolate;
}
Definitie en gebruik
De isolation
eigenschap definieert of een element een nieuwe stapelinhoud moet maken.
Opmerking: de isolation
eigenschap is handig bij gebruik met
achtergrond-blend-mode of mix-blend-mode.
Standaardwaarde: | auto |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.isolation="isoleren" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
isolation | 41.0 | 79.0 | 36.0 | Yes | 30.0 |
CSS-syntaxis
isolation: auto|isolate|initial|inherit;
Eigendomswaarden
Value | Description |
---|---|
auto | Default. A new stacking context is created only if one of the properties applied to the element requires it |
isolate | A new stacking context must be created |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
HTML DOM-referentie: de isolatie-eigenschap