color-index
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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
| Specification |
|---|
| Media Queries Level 4> # color-index> |