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
<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 unterstützen.
<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