mozilla
Vos résultats de recherche

    background

    Résumé

    La propriété CSS background est un raccourci pour définir les valeurs des propriétés d'arrière-plan dans une seule et unique règle CSS. La propriété background peut être utilisée pour définir les valeurs d'une ou de plusieurs des propriétés suivantes :  background-color, background-image, background-position, background-repeat, background-size et background-attachment.

    La propriété raccourcie background assignera les valeurs données explicitement et définira les autres propriétés à leurs valeurs par défaut.

    Syntaxe

    background: [<bg-layer>, ]* <final-bg-layer>

    Où :

    <bg-layer>
    [ <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> ]
    inherit
    <final-bg-layer>
    [ <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> ]
    inherit || <background-color>

    Valeurs

    <background-color>
    Voir background-color.
    <background-image>
    Voir background-image
    <background-repeat>
    Voir background-repeat.
    <background-attachment>
    Voir background-attachment.
    <background-position>
    Voir background-position.

    Exemples

    Voir l'exemple sur une page

    body { 
       background: red;
    }
    
    .topbanner {
        background: url("topbanner.png") #00D repeat fixed;
    }
    

    Notes

    La propriété background commence par réinitialiser les propriétés d'arrière-plan individuelles à leur valeur initiale, puis leur assigne les valeurs explicitement définies dans la déclaration. Vous n'avez pas à définir une valeur pour chaque propriété individuelle, mais uniquement celles que vous désirez modifier par rapport à leur valeur initiale.

    Spécifications

    Spécification Statut Commentaire
    CSS Backgrounds and Borders Module Level 3 Candidate Recommendation La propriété raccourci a été étendue pour supporter les fonds multiples et les nouvelles propriétés background-size et background-clip.
    CSS 2.1 Recommendation Pas de changement significatif
    CSS 1 Recommendation  

    Compatibilité des navigateurs

    Fonction Firefox (Gecko) Chrome Internet Explorer Opera Safari
    Support de base 1.0 (1.7 ou moins) 1.0 4.0 3.5 1.0
    Fonds multiples 3.6 (1.9.2) 1.0 9.0 10.5 1.3
    Image SVG comme arrière-plan 4.0 (2.0) (Oui) 9.0 # (Oui) (Oui)
    Fonction Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    Support de base 1.0 (1.9.2) 2.1 ? 10.0 3.2
    Fonds multiples 1.0 (1.9.2) 2.1 ? 10.0 3.2
    Image SVG comme arrière-plan 4.0 (2.0) ? ? ? ?

    Voir également

    Étiquettes et contributeurs liés au document

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