CSS isolation Property


In CSS, the isolation property specifies whether an element must create new stacking content. By creating a different stack element, it prevents an element from acquiring mix-blend-mode from elements in the backdrop.

Syntax

Example

Preview

Property Values

Value Description
auto Default. Only if one of the properties applied to the element requires it is a new stacking context created.
isolate It is necessary to create a new stacking context.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
isolation 41.0 36.0 Yes 79.0 30.0