CSS分離プロパティ
例
id = "e"を使用して要素の新しいスタッキングコンテキストを作成します。
#e {
isolation: isolate;
}
定義と使用法
このisolation
プロパティは、要素が新しいスタッキングコンテンツを作成する必要があるかどうかを定義します。
注:このisolation
プロパティは、
background-blend-modeまたはmix-blend-modeで使用すると便利です。
デフォルト値: | 自動 |
---|---|
遺伝性の: | いいえ |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.isolation = "isolate" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
isolation | 41.0 | 79.0 | 36.0 | Yes | 30.0 |
CSS構文
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 |
関連ページ
HTML DOMリファレンス:分離プロパティ