attribut BACKGROUND
Rôle
L’attribut background permet de définir toutes les propriétés d’arrière-plan en une seule fois.
Version : CSS1
Héritage (inherit) : non
Propriété Javascript : element.style.background
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
div{
width: 100px;
height: 100px;
background: red url(//tutowebdesign.com/animals-q-c-200-150-8.jpg) no-repeat center center ;
}
– Le code HTML
<div>Lorem </div>
Résultat
Compatibilité
L’attribut background est pris en charge par tous les principaux navigateurs
Valeurs
Les différentes valeurs doivent être séparées par un espace. L’attribut background peut être utilisé même si l’une des valeurs ci-dessous sont manquantes
Les différentes valeurs de l’attribut background-image sont:
- background-color
- Voir background-color pour en savoir plus
- background-image
- Voir background-image pour en savoir plus
- background-position
- Voir background-position pour en savoir plus
- background-repeat
- Voir background-repeat pour en savoir plus
- background-origin
- Voir background-origin pour en savoir plus
- background-size
- Voir background-size pour en savoir plus
- background-clip
- Voir background-clip pour en savoir plus
- background-attachment
- Voir background-attachment pour en savoir plus
- initial
- Le fond est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité, par exemple un paragraphe peut ignorer les valeurs du fond imposée par une feuille de style qui le cible.
Syntaxe :
background : initial - inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
background : inherit
A voir aussi
background– background-color– background-image– background-position– background-repeat–background-size– background-origin– background-clip– background-attachment
