color-index
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Die color-index CSS Medienfunktion kann verwendet werden, um die Anzahl der Einträge in der Farbnachschlagetabelle des Ausgabegeräts zu testen.
Syntax
Die color-index-Funktion wird als ein <integer> Wert angegeben, der die Anzahl der Einträge in der Farbnachschlagetabelle des Ausgabegeräts darstellt. (Dieser Wert ist null, wenn das Gerät keine solche Tabelle verwendet.) Es handelt sich um eine Bereichsfunktion, was bedeutet, dass Sie auch die präfixierten Varianten min-color-index und max-color-index verwenden können, um nach Mindest- bzw. Höchstwerten zu fragen.
Beispiele
Einfaches Beispiel
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;
}
}
Ergebnis
Benutzerdefiniertes Stylesheet
Dieses HTML wird ein spezielles Stylesheet für Geräte anwenden, die mindestens 256 Farben haben.
<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" />
Spezifikationen
| Spezifikation |
|---|
| Media Queries Level 4 # color-index |