Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

color-index

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

La caractéristique média CSS color-index est utilisée pour tester le nombre d'entrées dans la table de recherche des couleurs du périphérique de sortie.

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

html
<p>Un test simple.</p>

CSS

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.

html
<link rel="stylesheet" href="http://toto.truc.com/base.css" />
<link
  rel="stylesheet"
  media="(color-index >= 256)"
  href="http://toto.truc.com/feuille_style_couleurs.css" />

Spécifications

Specification
Media Queries Level 4
# color-index

Compatibilité des navigateurs

Voir aussi