color-index
color-index
est une caractéristique média CSS (cf. @media
) dont la valeur correspond au nombre d'entrées que comporte la palette de couleurs du périphérique de sortie, ou zéro si ce dernier n'en utilise pas.
Syntaxe
La caractéristique color-index
est définie sous la forme d'un entier (type <integer>
) et représente le nombre d'entrées de la palette de couleurs de l'appareil d'affichage (ou zéro si l'appareil n'utilise pas une telle palette). C'est une caractéristique d'intervalle ce qui signifie qu'on peut utiliser les variantes préfixées min-color-index
et max-color-index
afin cibler des règles en fonction d'un minimum ou d'un maximum.
Exemples
Exemple simple
HTML
<p>Un test simple.</p>
CSS
p {
color: black;
}
@media (color-index) {
p {
color: red;
}
}
@media (min-color-index: 15000) {
p {
color: #1475ef;
}
}
Résultat
Feuille de style personnalisée
Ce fragment HTML permet d'appliquer une feuille de style spécifique pour les appareils qui disposent d'au moins 256 couleurs.
<link rel="stylesheet" href="http://toto.truc.com/base.css" />
<link rel="stylesheet" media="all and (min-color-index: 256)" href="http://toto.truc.com/feuille_style_couleurs.css" />
Spécifications
Spécification | Etat | Commentaires |
---|---|---|
Media Queries Level 4 La définition de 'color-index' dans cette spécification. |
Candidat au statut de recommandation | La valeur peut désormais être négative (ce qui correspond à un booléen faux). |
Media Queries La définition de 'color-index' dans cette spécification. |
Recommendation | Définition initiale, la valeur ne peut pas être négative. |
Compatibilité des navigateurs
BCD tables only load in the browser