color-index

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

構文

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

例

基本的な例

HTML

html
<p>これはテストです。</p>

CSS

css
p {
  color: black;
}

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

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

結果

独自スタイルシート

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

html
<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" />

仕様書

Specification
Media Queries Level 4
# color-index

ブラウザーの互換性

BCD tables only load in the browser

関連情報