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