Définition de la css color


Propriété css : color

Détails des versions feuilles de style css color
css1
css2
css3
Détails de compatiblilité de la feuilles de style css color pour les navigateurs
Netscape 4.78
Netscape 6+
Internet Explorer 4+
Mozilla + et Firefox +
Safari 1 +
Chrome +
Flash MX


Définition de color

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.


FAQ

Répond aux questions suivantes :

Comment mettre une couleur sur un texte?
Liste des questions les plus fréquemment posées en css.

Exemples et astuces css

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 BODY
Exemple 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.

VOTRE AVIS

Notez cette page

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5
Avis sur la page http://www.zonecss.fr/style_css/feuille_css_color.html Votes: 4.7 / 5 - 20 votes
Cliquez sur une étoile pour voter.



Reporter un bug ou problème d'interprétationavec la propriété color
La balise HTML FONT va vous permettre de spécifier le formatage du texte dans la balise (font, couleur, taille).<FONT> </FONT> Cours Html : ...[Voir]La balise HTML et XHTML BODY contient le corps du document html, c'est à dire toutes les informations visibles par l'internaute.<BODY> </BODY> C'est...[Voir]