CSScolor-index メディア特性は、出力機器の色参照テーブルの項目数を調べるために使用します。

構文

color-index 特性は <integer> 値で指定し、出力機器の色sな小テーブルの項目数を表します。 (機器がそのようなテーブルを使用していなければ、値はゼロになります)。これは範囲の特性であり、つまり接頭辞の付いた min-color-index 及び max-color-index の変化形を使用して、それぞれ最小値と最大値をクエリすることができます。

基本的な例

HTML

<p>This is a test.</p>

CSS

p {
  color: black;
}

@media (color-index) {
  p {
    color: red;
  }
}

@media (min-color-index: 15000) {
  p {
    color: #1475ef;
  }
}

結果

カスタムスタイルシート

この HTML は、256色以上を持つ機器に専用のスタイルシートを適用します。

<link rel="stylesheet" href="http://foo.bar.com/base.css" />
<link rel="stylesheet" media="all and (min-color-index: 256)" href="http://foo.bar.com/color-stylesheet.css" />

仕様書

仕様書 状態 備考
Media Queries Level 4
color-index の定義
勧告候補 The value can now be negative, in which case it computes to false.
Media Queries
color-index の定義
勧告 Initial definition. The value must be nonnegative.

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり ? なし なし ? ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 ? ? ? ? ? ? ?

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,