CSS - Isolationseigenschaft
Beispiel
Erstellen Sie einen neuen Stapelkontext für das Element mit id="e":
#e {
isolation: isolate;
}
Definition und Verwendung
Die isolation
Eigenschaft definiert, ob ein Element einen neuen Stapelinhalt erstellen muss.
Hinweis: Die isolation
Eigenschaft ist hilfreich, wenn sie mit
background-blend-mode oder mix-blend-mode verwendet wird.
Standardwert: | Auto |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.isolation="isolieren" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
isolation | 41.0 | 79.0 | 36.0 | Yes | 30.0 |
CSS-Syntax
isolation: auto|isolate|initial|inherit;
Eigenschaftswerte
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 |
Verwandte Seiten
HTML-DOM-Referenz: Die Isolationseigenschaft