inverted-colors
est une caractéristique média CSS (cf. @media
) qui indique si l'agent utilisateur ou si le système d'exploitation sous-jacent inverse les couleurs.
Syntaxe
Cette caractéristique est définie avec un des mots-clés parmi ceux qui suivent :
none
- Les couleurs sont affichées normalement.
inverted
- Les couleurs des pixels de la zone affichée ont été inversées.
Exemples
HTML
<p> Si vous utilisez les couleurs inversées, ce texte devrait être bleu sur blanc (l'inverse de jaune sur noir). Sinon, il devrait être rouge sur gris clair. </p> <p> Si le texte est gris, cela indique que votre navigateur ne prend pas en charge la caractéristique média `inverted-colors`. </p>
CSS
p { color: gray; } @media (inverted-colors: inverted) { p { background: black; color: yellow; } } @media (inverted-colors: none) { p { background: #eee; color: red; } }
Résultat
Spécifications
Spécification | État | Commentaires |
---|---|---|
Media Queries Level 4 La définition de 'inverted-colors' dans cette spécification. |
Candidat au statut de recommandation | Repoussée à la spécification de niveau 5 pour les requêtes média. |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
Ordinateur | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Support simple | Chrome Aucun support Non | Edge ? | Firefox Aucun support Non | IE Aucun support Non | Opera Aucun support Non | Safari Support complet Oui | WebView Android ? | Chrome Android Aucun support Non | Edge Mobile ? | Firefox Android Aucun support Non | Opera Android Aucun support Non | Safari iOS Support complet Oui | Samsung Internet Android ? |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Compatibilité inconnue
- Compatibilité inconnue
- Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
- Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
- 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
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,