Propriété background CSS

Définition et utilisation

background Les propriétés abrégées définissent toutes les propriétés de fond dans une seule déclaration.

Il est possible de définir les propriétés suivantes :

Si l'une des valeurs n'est pas définie, cela ne pose pas de problème, par exemple background:#ff0000 url('smiley.gif'); est autorisé.

Il est généralement recommandé d'utiliser cette propriété plutôt que de utiliser des propriétés individuelles, car cette propriété est mieux supportée dans les navigateurs plus anciens et nécessite moins de lettres à saisir.

Voir également :

Tutoriel CSS :Arrière-plan CSS、CSS Arrière-plan (avancé)

Manuel de référence HTML DOM :Propriété background

Exemple

Comment définir toutes les propriétés de fond dans une seule déclaration :

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Essayez-le vous-même

Syntaxe CSS

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|hérité;

Valeur de l'attribut

Valeur Description CSS
background-color Définit la couleur de fond à utiliser. 1
background-position Définit la position de l'image de fond. 1
background-size Définit la taille de l'image de fond. 3
background-repeat Définit la répétition de l'image de fond. 1
background-origin Définit la zone de positionnement de l'image de fond. 3
background-clip Définit la zone de dessin du fond. 3
background-attachment Définit si l'image de fond est fixe ou défile avec le reste de la page. 1
background-image Définit l'image de fond à utiliser. 1
hérité Définit que la propriété background doit être héritée de l'élément parent. 1

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1 + CSS3
Syntaxe JavaScript : object.style.background="white url(paper.gif) repeat-y"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5