color CSS propriété

Définition de la CSS color.

La propriété de Couleur CSS color permet de spécifier la couleur d'un texte d'un élément (X)HTML.

color : tomato;
color : transparent;
color : #FF6347; 
color : rgb(255,99,71);
color : hsl(9,100%,64%);

• transpent : la couleur du texte est transparente. Revient à faire rgba(0,0,0,0).
• #RGB : couleur en hexadécimale, ex:#FF6347.
• nommée, couleur prédéfinie, ex:tomato.
• rgb(r,g,b) : couleur en RGB.
  r, g et b sont compris entre 0 et 255, s'ils sont en pourcentage alors spécifier l'unité "%". Ex:rgb(255,99,71).
• rgba(r,g,b,alpha) : couleur en RGB avec transparence (CSS3).
  "alpha" est compris entre 0 et 1 pour opaque. Ex:rgba(255,99,71,0.5).
• hsl(h,s%,l%) : couleur en HSL (CSS3), ex: hsl(9,100%,64%).
• hsla(h,s%,l%,alpha) : couleur en HSL avec transparence (CSS3).
  "alpha" est compris entre 0 et 1 pour opaque. Ex:hsla(0,59%,41%,0.3).
• inherit ou currentColor, la couleur est héritée de la propriété CSS color de son parent (CSS2).

Il existe aussi en cascading style sheets 2 (CSS 2.1 mais dépréciée en CSS 3), la possibilité de récupérer des couleurs de l'interface navigateur (net4.7 gère cela très mal).

Exemple de code color CSS

Conditions d'application de la CSS color.

La propriété CSS color est applicable sur l'ensemble des balises HTML ou XHTML et ne pose aucun problème d'interprétation, sauf pour les nouvelles unités de couleurs CSS3 (Conversion et compatibilité).

Héritage des valeurs Css de color.

Les balises filles HTML ou XHTML héritent de la propriété color, sauf la balise HTML ou XHTML A.

Conditions d'animation de color en CSS3.

La CSS color est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.