CSS isolation egenskap

Definition och användning

isolation-egenskapen definierar om en ny staplingssituation måste skapas för elementet.

Tips:isolation-egenskapen är mycket användbar när den används tillsammans med background-blend-mode eller mix-blend-mode.

Se också:

HTML DOM-referenshandbok:isolation-egenskap

Exempel

Skapa en ny staplingssituation för elementet med id="e":

#e {
  isolation: isolate;
}

Prova själv

CSS-syntax

isolation: auto|isolate|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Standard. Skapar endast en ny staplingssituation när en egenskap på elementet kräver det.
isolate Det måste skapas en ny staplingssituation.
initial Sätt denna egenskap till dess standardvärde. Se också initial.
inherit Inherritar denna egenskap från föräldrelementet. Se också inherit.

Tekniska detaljer

Standardvärde: auto
Arv: Nej
Animeringsproduktion: Inte stödd. Se också:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.isolation="isolate"

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

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