備忘録的プログラミングリファレンス

isolationプロパティ

 isolationプロパティは、2色以上のブレンドがある場合に分離するか(ブレンドしない)、そのままかを指定するプロパティです。 background-blend-modeまたはmix-blend-modeプロパティが定義している場合に機能します。

あるエレメントで色をブレンドするが他のエレメントでは分離するに指定
.example_element{
	mix-blend-mode: difference;
}
.mix_element{
	isolation: isolate;
}

構文(Syntax)

CSS

isolation: auto | isolate | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.isolation;
値の設定
object.style.isolation="auto | isolate | initial | inherit";

設定値(Values)

Value摘要
auto初期値(default値)、ブレンドする
isolateブレンドしない(分離する)
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
CSS AnimationNo