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