

#
“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>
猫は、上のかぎり黒くて、ことはみな白き。