Attribut color CSS

Définition et utilisation

L'attribut color définit la couleur du texte.

Cette propriété définit la couleur de premier plan d'un élément (dans l'interprétation HTML, c'est la couleur du texte de l'élément) ; les images raster ne sont pas affectées par la couleur. Cette couleur est également appliquée à toutes les bordures de l'élément, à moins qu'elle ne soit couverte par l'attribut border-color ou par un autre attribut de couleur de bordure.

Le moyen le plus simple de définir la couleur de premier plan d'un élément est d'utiliser l'attribut color.

Voir également :

Tutoriel CSS :texte CSS

Manuel de référence HTML DOM :Attribut color

Exemple

Définir la couleur du texte pour différents éléments :

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

Essayez-le vous-même

Astuces et commentaires

Astuce :Utilisez des couleurs d'arrière-plan et de texte raisonnables pour améliorer la lisibilité du texte.

Syntaxe CSS

color: color|initial|hérité;

Valeur de l'attribut

Valeur Description
color_name Définit la couleur en utilisant le nom de la couleur (par exemple red).
hex_number Définit la couleur en utilisant une valeur hexadécimale (par exemple #ff0000).
rgb_number Définit la couleur en utilisant le code rgb (par exemple rgb(255,0,0)).
hérité Il est prévu que la couleur soit héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : oui
Version : CSS1
Syntaxe JavaScript : object.style.color="#FF0000"

Plus d'exemples

Définir la couleur du texte
Cet exemple montre comment définir la couleur du texte.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5