Style isolation 属性

定义和用法

isolation 属性定义元素是否必须创建新的堆叠内容。

另请参阅：

CSS 参考手册：isolation 属性

实例

为 id="d" 的元素创建新的堆叠上下文：

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

亲自试一试

语法

返回 isolation 属性：

object.style.isolation

设置 isolation 属性：

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

属性值

值 描述
auto 默认。仅当应用于元素的属性之一需要它时，才会创建新的堆叠上下文。
isolate 必须创建新的堆叠上下文。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： auto
CSS 版本： CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
41.0 79.0 36.0 支持 30.0