CSS Couleur du texte
CSS propose de nombreuses propriétés pour styliser et formater le texte.
Formatage du texte
Ce texte est stylisé avec certaines des propriétés de formatage. Le titre utilise les propriétés text-align, text-transform et color. Le paragraphe est en retrait, aligné, et l'espace entre les caractères est défini. Le soulignement est supprimé de ce lien coloré Essayez-le vous-même .
Couleur du texte CSS
La propriété couleur est utilisée pour définir la couleur du texte. La couleur peut être spécifiée par :
- un nom de couleur - comme "rouge"
- une valeur HEX - comme "#ff0000"
- une valeur RGB - comme "rgb(255,0,0)"
Consultez les valeurs de couleur CSS pour une liste complète des valeurs possibles.
La couleur de texte par défaut pour une page est définie dans le sélecteur body.
Exemple
body {
color: blue;
}
h1 {
color: green;
}
h2 {
color: red;
} Couleur du texte et couleur de fond
Dans cet exemple, nous définissons à la fois la propriété couleur de fond et la propriété couleur :
Exemple
body {
background-color: lightgrey;
color: blue;
}
h1 {
background-color: black;
color: white;
}
div {
background-color: blue;
color: white;
} Important : Un contraste élevé est essentiel pour les personnes ayant des problèmes de vision. Assurez-vous donc toujours que le contraste entre la couleur du texte et la couleur de fond (ou l'image de fond) est suffisant !
La propriété couleur du texte CSS
| Propriété | Description |
|---|---|
| couleur | Spécifie la couleur du texte |