Свойство CSS isolation

Определение и использование

Свойство isolation определяет, необходимо ли создавать новый контекст堆ления.

Совет:Свойство isolation полезно использовать вместе с background-blend-mode или mix-blend-mode.

См. также:

HTML DOM справочник:Свойство isolation

Пример

Создание нового контекста堆ления для элемента с id="e":

#e {
  isolation: isolate;
}

Попробуйте сами

Синтаксис CSS

isolation: auto|isolate|initial|inherit;

Значение свойства

Значение Описание
auto по умолчанию. Создается новый контекст堆ления только в том случае, если для одного из свойств элемента он необходим.
isolate Необходимо создать новый контекст堆ления.
initial Установите этот атрибут в его значение по умолчанию. См. также initial.
inherit Из его родительского элемента наследуется этот атрибут. См. также inherit.

Технические детали

Значение по умолчанию: auto
Инheritance: нет
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.isolation="isolate"

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Да 30.0