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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simple
Non-standard
Chrome Support complet OuiEdge ? Firefox Aucun support NonIE Aucun support NonOpera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, xdelatour
Dernière mise à jour par : SphinxKnight,