Visit Mozilla.org

CSS:color

Un article de MDC.


« Référence CSS

[modifier] Résumé

color définit la couleur du contenu de texte d'un élément.

[modifier] Syntaxe

border-bottom-color: couleur | inherit

[modifier] Valeurs

couleur
La couleur peut être spécifiée d'une des manières suivantes :
  • sous forme de valeur RGB hexadécimale
  • sous forme de valeur RGB ou RGBA classique
  • sous forme de valeur HSL ou HSLA classique Nouveau dans Firefox 3
  • en utilisant un des mots clefs de couleurs prédéfinis.

[modifier] Exemples

Les exemples suivant montrent les différentes façons de définir le rouge comme couleur du texte :

element { color: red }                /* nom de couleur prédéfini */
element { color: #f00 }
element { color: #ff0000 }            /* couleurs en hexadécimal */
element { color: rgb(255,0,0) }       /* couleurs en RGB allant de 0 à 255 */
element { color: rgb(100%, 0%, 0%) }  /* couleurs en RGB en pourcentage */
element { color: hsl(0, 100%, 50%) } Nouveau dans Firefox 3

Si vous désirez introduire un canal alpha dans la couleur pour permettre la transparence, vous pouvez utiliser les couleurs RGBA ou HSLA :

element { color: rgba(255, 0, 0, 0.5) } Nouveau dans Firefox 3
element { color: hsla(0, 100%, 50%, 0.5) } Nouveau dans Firefox 3

Ces deux exemples créent une couleur avec son opacité définie à 0.5, ou 50%.

[modifier] Notes

[modifier] Spécifications

[modifier] Compatibilité des navigateurs