Proprietà CSS isolation

Definizione e uso

L'attributo isolation definisce se deve essere creato un nuovo contesto di posizionamento.

Suggerimento:L'attributo isolation è molto utile quando viene utilizzato insieme a background-blend-mode o mix-blend-mode.

Vedi anche:

Manuale HTML DOM:Proprietà isolation

Esempio

Crea un nuovo contesto di posizionamento per l'elemento con id="e":

#e {
  isolation: isolate;
}

Prova personalmente

Sintassi CSS

isolation: auto|isolate|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Predefinito. Un nuovo contesto di posizionamento viene creato solo quando uno degli attributi applicati all'elemento richiede esso.
isolate Deve essere creato un nuovo contesto di posizionamento.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: No
Produzione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.isolation="isolate"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Sì 30.0