Définition de la css color


Propriété css : color

Détails des versions feuilles de style css color
css1
css2
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 +
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 :
.identifiant{
  color:#ffffff;
}

La propriété de feuille de style css color peut prendre une valeur :
- de type hexadécimal(#ffffff),
- en la nommant (green),
- rgb(255,0,0), en rvb,
- inherit, hérite de son parent.

Il existe aussi en cascading style sheets 2 (css2), la possibilité de récupérer des informations de l'interface navigateur (net4.7 gère cela très mal):
- ActiveBorder, bordure active de la fenêtre.
- ActiveCaption, la légende active de la fenêtre.
- AppWorkspace, couleur d'origine de multiple interface du document.
- Background, couleur de fond du bureau.
- ButtonFace, couleur pour les objets tri-dimensionnels.
- ButtonHighlight, ombre foncée pour les objets tri-dimensionnels.
- Buttonshadow, ombre pour les objets tri-dimensionnels.
- ButtonText, texte sur un bouton poussoir.
- CaptionText, texte en légende, dimension de boîte et flèche de barre de défilement.
- GrayText, texte grisé.
- Highlight, item sélectionné dans un contrôle.
- HighlightText, texte d'item sélectionné dans un contrôle.
- InactiveBorder, bordure de fenêtre inactive.
- InactiveCaption, légende fenêtre inactive.
- InactiveCaptionText, couleur du texte dans une légende inactive.
- InfoBackground, couleur de fond pour un outil.
- InfoText, couleur du texte pour les outils.
- Menu, couleur de fond des menus.
- MenuText, texte dans les menus.
- Scrollbar, couleur des barres de défilement.
- ThreeDDarkShadow, ombre foncée pour les objets tri-dimensionnels.
- ThreeDFace, couleur pour les objets tri-dimensionnels.
- ThreeFHighlight, couleur très claire pour les objets tri-dimensionnels.
- ThreessDLightShadow, couleur claire pour les objets tri-dimensionnels.
- ThreeDShadow, ombre foncée pour les objets tri-dimensionnels.
- Window, couleur de fond de la fenêtre.
- WindowFrame, couleur de fond des cadres.
- WindowText, couleur du texte de la fenêtre.



Application des color

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.
Son équivalence en HTML est l'attribut COLOR de la balise HTML FONT ou l'attribut TEXT de balise HTML BODY.


Héritage des color

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


Flash mx des color

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.



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]