Atributo CSS isolation

Definição e uso

A propriedade isolation define se é necessário criar um novo contexto de empilhamento para o elemento.

Dica:Útil em conjunto com background-blend-mode ou mix-blend-mode.

Veja também:

Manual de referência HTML DOM:Propriedade isolation

Exemplo

Cria um novo contexto de empilhamento para o elemento com id="e":

#e {
  isolation: isolate;
}

Experimente você mesmo

Sintaxe CSS

isolation: auto|isolate|initial|inherit;

Valor da propriedade

Valor Descrição
auto Padrão. Somente cria um novo contexto de empilhamento quando uma das propriedades aplicadas ao elemento precisa disso.
isolate É necessário criar um novo contexto de empilhamento.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: auto
Herança: Não
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe JavaScript: object.style.isolation="isolate"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta essa propriedade.

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