mozilla
Vos résultats de recherche

    background-color

    Résumé

    La propriété CSS background-color définit la couleur d'arrière-plan d'un élément, soit avec une valeur de couleur, soit avec le mot-clef transparent.

    • Valeur initiale transparent
    • S'applique à tous les éléments
    • Héritée non
    • 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

    background-color: <couleur>
    
    background-color: red
    background-color: rgb(255, 255, 128)
    background-color: hsla(50, 33%, 25%, 0.75)
    background-color: currentColor
    background-color: transparent
    background-color: #bbff00
    
    background-color: inherit
    
    

    Valeurs

    couleur 
    La <couleur> peut-être définie par une valeur hexadécimale, une valeur régulière RGB ou par des mots-clefs prédéfinis. La valeur par défaut de la propriété background-color : transparent, signifie que l'élément n'a pas de couleur d'arrière-plan propre, mais qu'il a celle de l'élément situé en dessous de lui dans le contexte d'empilement.

    Exemples

    Voir l'exemple sur une page

    /* Mots clefs */
    .exampleone {
    	background-color: teal;
    	color: white;
    }
    
    /* Valeurs RGB régulières */
    .exampletwo {
    	background-color: rgb(153,102,153);
    	color: rgb(255,255,204);
    }
    
    /* Valeurs hexadécimales */
    .examplethree {
    	background-color: #666699;
    	color: #ffffff;
    }
    

    Spécifications

    Spécification Statut Commentaire
    CSS Backgrounds and Borders Module Level 3 Candidate Recommendation Bien que techniquement le mot-clé transparent a été retiré, cela ne change rien car il a été incorporé comme une <color>
    CSS 2.1 (traduction française) Recommendation  
    CSS 1 (traduction française) Recommendation  

    Compatibilité des navigateurs

    Fonction Firefox (Gecko) Chrome Internet Explorer Opera Safari (WebKit)
    Support de base 1.0 (1.7 ou moins) 1.0 4.0 3.5 1.0 (85)
    Fonction Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    Support de base 1.0 (1.9.2) (Oui) (Oui) (Oui) (Oui)

    Voir également

    Background-related CSS properties: background, background-attachment, background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: teoli, Yuichiro, Fredchat, tregagnon, FredB, Mgjbot, Nathymig, Kyodev, Boly38, ksad
    Dernière mise à jour par : teoli,
    Masquer la barre latérale