color CSS-Media-Feature
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die color- CSS Media-Feature kann verwendet werden, um die Anzahl der Bits pro Farbkomponente (rot, grün, blau) des Ausgabegeräts zu testen.
Syntax
Die color-Feature wird als ein <integer> Wert spezifiziert, der die Anzahl der Bits pro Farbkomponente (rot, grün, blau) des Ausgabegeräts darstellt. Wenn das Gerät kein Farbgerät ist, beträgt der Wert null. Es handelt sich um ein Bereichs-Feature, was bedeutet, dass Sie auch die mit min-color und max-color vorangestellten Varianten verwenden können, um Mindest- bzw. Höchstwerte abzufragen.
Hinweis: Wenn die verschiedenen Farbkomponenten durch unterschiedliche Bitanzahlen repräsentiert werden, wird die kleinste Zahl verwendet. Zum Beispiel, wenn ein Display 5 Bits für Blau und Rot und 6 Bits für Grün nutzt, wird das Gerät als ein Gerät angesehen, das 5 Bits pro Farbkomponente verwendet. Wenn das Gerät indizierte Farben verwendet, wird die minimale Anzahl von Bits pro Farbkomponente in der Farbtafel verwendet.
Sehen Sie sich Anwenden von Farbe auf HTML-Elemente mit CSS an, um mehr darüber zu erfahren, wie Sie mit CSS Farbe auf HTML anwenden können.
Beispiele
HTML
<p>
This text should be black on non-color devices, red on devices with a low
number of colors, and greenish on devices with a high number of colors.
</p>
CSS
p {
color: black;
}
/* Any color device */
@media (color) {
p {
color: red;
}
}
/* Any color device with at least 8 bits per color component */
@media (min-color: 8) {
p {
color: #24ba13;
}
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| Media Queries Level 4 # color |