CSS isolation Property

Create a new stacking context for the element with id="e":

#e {
isolation: isolate;
}

Definition and Usage

The isolation property defines whether an element must create a new stacking content.

Note: The isolation property is helpful when used with background-blend-mode or mix-blend-mode.

Default value:	auto
Inherited:	no
Animatable:	no. Read about animatable
Version:	CSS3
JavaScript syntax:	object.style.isolation="isolate" Try it

The numbers in the table specify the first browser version that fully supports the property.

Property
isolation	41.0	79.0	36.0	Yes	30.0

isolation: auto|isolate|initial|inherit;

Value	Description
auto	Default. A new stacking context is created only if one of the properties applied to the element requires it
isolate	A new stacking context must be created
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit