mozilla
Vos résultats de recherche

    color

    Résumé

    La propriété CSS color définit la couleur de premier-plan du contenu de texte d'un élément, ainsi que les décorations définies grâce à text-decoration. Elle n'affecte pas d'autres caractéristiques de l'élément. Un nom plus approprié serait être text-color, mais des raisons historiques et son apparition dans CSS Level 1 en ont fait autrement.

    Veuillez noter que la valeur de couleur doit être uniforme, ce qui peut contenir une valeur de transparence depuis CSS3. Elle ne peut pas être un <gradient> qui est de type <image> en CSS.

    • Valeur initiale Varie d'un navigateur à l'autre
    • S'applique à tous les éléments
    • Héritée oui
    • Pourcentages
    • Média visual
    • Valeur calculée si la valeur est translucide, la valeur calculée est la fonction rgba()correspondante. Sinon, la fonction rgb()correspondante. Le mot-clé transparent devient rgb(0,0,0).
    • Animable oui, comme une couleur
    • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    Syntaxe formelle : <color>
    color: red;                     // Une couleur de CSS Level 1.
    color: orange;                  // La seule couleur ajoutée dans CSS Level 2 (Revision 1).
    color: antiquewhite;            // Une couleur de CSS Level 3, parfois appelée couleur SVG ou couleur X11.
    color: #0f0;                    // La couleur 'lime' définie à l'aide de la notation à trois caractères.
    color: #00ff00;                 // La couleur 'lime' définie à l'aide de la notation à six caractères.
    color: rgba( 34, 12, 64, 0.3);  // Une couleur définie à l'aide d'une des notations fonctionnelles possibles.
    color: currentColor;            // Le mot-clé spécial représentant la valeur de la propriété color de l'ancêtre direct.
    
    color: inherit;
    

    Valeurs

    <color>
    Est une valeur de type <color> indiquant la couleur des éléments textuels de l'élément.

    Exemples

    Les exemples suivant montrent les différentes façons de définir le rouge comme couleur du texte :

    element { color: red }
    element { color: #f00 }
    element { color: #ff0000 }
    element { color: rgb(255,0,0) }
    element { color: rgb(100%, 0%, 0%) }
    element { color: hsl(0, 100%, 50%) }
    
    /* transparent à 50%*/
    element { color: rgba(255, 0, 0, 0.5) } 
    element { color: hsla(0, 100%, 50%, 0.5) }
    

    Spécifications

    Spécification Statut Commentaire
    CSS Transitions
    La définition de 'color' dans cette spécification.
    Working Draft Définit color comme animable.
    CSS Color Module Level 3
    La définition de 'color' dans cette spécification.
    Recommendation Couleurs système dépréciées. Ajout des couleurs SVG. Ajout des notations fonctionnelles rgba(), hsl(), hsla().
    CSS Level 2 (Revision 1)
    La définition de 'color' dans cette spécification.
    Recommendation Ajout de la couleur orange et des couleurs système.
    CSS Level 1
    La définition de 'color' dans cette spécification.
    Recommendation  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base 1.0 1.0 (1.7 ou moins) 3.0 3.5 1.0
    Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base 1.0 1.0 (1) 6.0 6.0 1.0

    Voir également

    Étiquettes et contributeurs liés au document

    Contributors to this page: louuis, Golmote, Fredchat, VincentN, Mgjbot, teoli, BenoitL, philippe97, FredB, Kyodev
    Dernière mise à jour par : teoli,