“inverted-colors”メディア・フィーチャー｜メディア・フィーチャー｜メディア・クエリ｜CSS－havin' a coffee break

＃

“inverted-colors”メディア・フィーチャーについて

“inverted-colors”メディア・フィーチャーはコンテンツが色を反転させて表示されるかどうかを条件とするためのメディア・フィーチャーです。ブラウザまたはデバイスの設定で色が反転されて表示されるようになっているかを指します。

ブラウザやOSには色覚異常を持つユーザーが画面を見やすくするために色を反転させて表示するモードがある場合があります。

＃

値	説明
none	色を通常通り表示する
inverted	色が反転されて表示される

＃



@media (inverted-colors: inverted) {


.sample {



/* 色を反転している時に適用されるスタイル。 */



}


}