Jul. 19th,2021
＃
“forced-colors”メディア・フィーチャーについて
| 値 | キーワード値(“active”、“none”) |
| タイプ | 離散型 |
“forced-colors”メディア・フィーチャーは強制カラー・モードが有効かどうかを表します。
強制カラー・モードが有効である場合には一部のプロパティによる色の設定はユーザー・エージェントによって選択されたシステムカラーに変更されます。
＃
＃
サンプルコード
@media all and (forced-colors: none) {
p.sample {
background-color: #00a497; /*■*/
text-decoration: underline dotted;
}
}
@media all and (forced-colors: active) {
p.sample {
color: CanvasText; /*■*/
background-color: Canvas; /*■*/
text-decoration: underline wavy;
}
}
<p class="sample">
猫は、上のかぎり黒くて、ことはみな白き。
</p>
猫は、上のかぎり黒くて、ことはみな白き。
