`color-index` CSS Media-Feature

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Das color-index CSS Media-Feature kann verwendet werden, um die Anzahl der Einträge in der Farbabruftabelle des Ausgabegeräts zu testen.

Syntax

Das color-index Feature wird als ein <integer> Wert spezifiziert, der die Anzahl der Einträge in der Farbabruftabelle des Ausgabegeräts repräsentiert. (Dieser Wert ist null, wenn das Gerät keine solche Tabelle verwendet.) Es ist ein Bereichs-Feature, was bedeutet, dass Sie auch die Varianten min-color-index und max-color-index verwenden können, um Mindest- bzw. Höchstwerte abzufragen.

Beispiele

Einfaches Beispiel

HTML

html

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

CSS

css

p {
  color: black;
}

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

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

Ergebnis

Benutzerdefiniertes Stylesheet

Dieses HTML wird ein spezielles Stylesheet für Geräte anwenden, die mindestens 256 Farben haben.

html

<link rel="stylesheet" href="https://cdn.example.com/base.css" />
<link
  rel="stylesheet"
  media="(color-index >= 256)"
  href="https://cdn.example.com/color-stylesheet.css" />