La propriété de feuille de style color css permet de spécifier la couleur d'un texte.
Exemple de code :
color:#FF6347; /* ou */ color:tomato; /* ou */ color:rgb(255,99,71) La propriété de feuille de style css color peut prendre une valeur :
- de type hexadécimal(#FF6347),
- en la nommant (tomato),
- rgb(r,g,b), r, g et b sont compris entre 0 et 255, si ils sont en pourcentage alors spécifier l'unité "%"
- rgba(r,g,b,alpha), couleur rgb avec ajout de transparence (CSS3), "a" est compris entre 0 et 1 pour opaque,
- hsl(h,s%,l%), en hsl (CSS3),
- hsla(h,s%,l%,alpha), en hsl avec transparence (CSS3), "a" est compris entre 0 et 1 pour opaque,
- inherit, hérite de son parent (css 2).Il existe aussi en cascading style sheets 2 (css2), la possibilité de récupérer des
couleurs de l'interface navigateur (net4.7 gère cela très mal).
La propriété de feuille de style 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 (Compatibilité).
Son équivalence en HTML est l'attribut COLOR de la balise HTML FONT ou l'attribut TEXT de balise HTML BODY.
Les balises filles HTML ou XHTML héritent de la propriété, sauf la balise HTML ou XHTML A.
Pour les utilisateurs de Flash, l'équivalence actionscript de la feuille de style color est color. Seules les valeurs de type #000000 sont analisées.
Mettre une couleur de police par défaut.
Vous pouvez spécifier une couleur par défaut mais aussi une taille ou une police grâce aux feuilles des style css.
Il vous suffit définir les propiétés css pour la balise
BODYExemple de code :
body { font-family: arial } Mettre une bordure de couleur à une image.
Il est possible de donner, spécifier une couleur pour la bordure d'une image sans mettre un lien.
Exemple de code :
<img src="background.gif" width="50" height="50" border="1" style="border-color:#33FF33;color:#33ff33">
Il est possible de spécifier une couleur différente du texte pour la bordure d'une image dans un lien.
Exemple de code :
<a href="http://www.aliasdmc.fr"><img src="background.gif" width="50" height="50" border="1" style="color:#33FF33;border:1px solid #33FF33"></a>
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css color.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.