Style isolation attribute

Definition and usage

isolation Attribute defines whether a new stacking content must be created.

See also:

CSS Reference Manual:isolation attribute

Example

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

document.getElementById("d").style.isolation = "isolate";

Try it yourself

Syntax

Return isolation attribute:

object.style.isolation

Set isolation attribute:

object.style.isolation = "auto|isolate|initial|inherit"

Attribute value

Value Description
auto Default. A new stacking context is created only when one of the properties applied to the element requires it.
isolate A new stacking context must be created.
initial Set this attribute to its default value. See also initial.
inherit Inherit this attribute from its parent element. See also inherit.

Technical details

Default value: auto
CSS version: CSS3

Browser support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
41.0 79.0 36.0 Support 30.0