color-index

Das color-index CSS Medienmerkmal kann verwendet werden, um die Anzahl der Einträge in der Farbsuch-Tabelle des Ausgabegeräts zu testen.

Syntax

Das color-index Merkmal wird als ein <integer> Wert spezifiziert, der die Anzahl der Einträge in der Farbsuch-Tabelle des Ausgabegeräts darstellt. (Dieser Wert ist null, wenn das Gerät keine solche Tabelle verwendet.) Es handelt sich um ein Bereichsmerkmal, was bedeutet, dass Sie auch die vorangestellten Varianten min-color-index und max-color-index verwenden können, um Mindest- und 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 unterstützen.

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

Spezifikationen

Specification
Media Queries Level 4
# color-index

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch