CSS Color

CSS Color est un module des spécifications CSS qui décrit la gestion des couleurs, les types de donnée associés, la fusion des couleurs et la gestion de l'opacitié. Ce module ne contient pas l'ensemble des propriétés CSS qui prennent une valeur de type <color>, toutefois, ces propriétés dépendent des notions et règles définies dans cette spécification.

Référence

Propriétés

Types de données

Guides

Appliquer des couleurs à des éléments HTML grâce à CSS
Un guide décrivant comment utiliser CSS pour colorer différents types de contenu. Cet article couvre l'ensemble des propriétés CSS ayant trait aux couleurs.

Outils

Sélecteur de couleurs
Cet outil permet de créer, ajuster et tester des couleurs sur mesure.

Spécifications

Spécification État Commentaires
CSS Color Module Level 4 Version de travail  
CSS Color Module Level 3 Recommendation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation Définition initiale.

Compatibilité des navigateurs

color property

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
colorChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 3Opera Support complet 3.5Safari Support complet 1WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet

color-adjust property

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
color-adjustChrome Support complet 49
Autre nom
Support complet 49
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Edge Support complet 79
Autre nom
Support complet 79
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Firefox Support complet 48IE Aucun support NonOpera Support complet 15
Autre nom
Support complet 15
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Safari Support complet 6
Autre nom
Support complet 6
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
WebView Android Support complet 49
Autre nom
Support complet 49
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Chrome Android Support complet 49
Autre nom
Support complet 49
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Firefox Android Support complet 48Opera Android Support complet 36
Autre nom
Support complet 36
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Safari iOS Support complet 6
Autre nom
Support complet 6
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust
Samsung Internet Android Support complet 5.0
Autre nom
Support complet 5.0
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -webkit-print-color-adjust

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.

opacity property

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
opacityChrome Support complet 1Edge Support complet 12Firefox Support complet 1
Support complet 1
Aucun support 1 — 3.5
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -moz-
IE Support complet 9Opera Support complet 9Safari Support complet 2
Support complet 2
Aucun support 1.1 — 2
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -khtml-
WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0
Support for percentage opacity valuesChrome Support complet 78Edge Support complet 79Firefox Support complet 70IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Support complet 78Chrome Android Support complet 78Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Voir aussi