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

＃

“monochrome”メディア・フィーチャーについて

“monochrome”メディア・フィーチャーは出力デバイスのモノクロフレームバッファのビット数を条件とするためのメディア・フィーチャーです。

モノクロディスプレイでは色味のない明るさの度合いだけで画像を表現しますが、ビット数によって画素一つずつが何段階で明暗を表現できるかが決まります。1ビットでは2段階(例えば白と黒)、8ビットでは16段階、8ビットでは256段階を表現できます。

値は範囲コンテキスト、もしくは“min-”接頭辞と“max-”接頭辞で範囲指定できます。

カラーデバイスのビット数を条件とする場合は“color”メディア・フィーチャーを使用します。

＃

指定できる値

値	説明
<integer>	出力デバイスのモノクロフレームバッファのビット数
0	出力デバイスはモノクロームデバイスではない
(省略)	出力デバイスはモノクロームデバイス

＃

サンプルコード



@media (monochrome: 0) {


.sample {



/* モノクロでないデバイスに適用されるスタイル。 */



}


}




@media (monochrome) {


.sample {



/* モノクロデバイスに適用されるスタイル。 */



}


}

メディア・クエリ~“monochrome”メディア・フィーチャー

“monochrome”メディア・フィーチャーについて

指定できる値

サンプルコード