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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
color-index media feature

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch