このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

メディア・クエリ~“inverted-colors”メディア・フィーチャーMedia Queries Level 5 で追加

記事Jan. 16th,2019
July 7th,2020
コンテンツが色を反転させて表示されるかどうかを条件とするためのメディア・フィーチャー
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

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

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

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

色の反転
色の反転

指定できる値

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

サンプルコード

@media (inverted-colors: inverted) {
.sample {
/* 色を反転している時に適用されるスタイル。 */
}
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク