CSS Abréviation de Fond

CSS background - Propriété abrégée

Pour raccourcir le code, il est possible de spécifier toutes les propriétés de fond en une seule déclaration. Cela s'appelle une propriété abrégée.

Au lieu d'écrire :

 body { 
 background-color: #ffffff; 
 background-image: url("img_tree.png"); 
 background-repeat: no-repeat; 
 background-position: right top; 
 } 

Vous pouvez utiliser la propriété abrégée background :

Utilisez la propriété abrégée pour définir toutes les propriétés de fond en une seule déclaration :

 body { 
 background: #ffffff url("img_tree.png") no-repeat right top; 
 } 

La background est une propriété abrégée pour les propriétés suivantes :

Si certaines valeurs de propriété sont manquantes, elles seront définies sur leurs valeurs initiales (par défaut).

Propriété	Description
background	Définit toutes les propriétés de fond en une seule déclaration
background-attachment	Définit si une image de fond est fixe ou défile avec le reste de la page
background-clip	Spécifie la zone de peinture de l'arrière-plan
background-color	Définit la couleur de fond d'un élément
background-image	Définit l'image de fond pour un élément
background-origin	Spécifie où l'image de fond ou les images de fond sont positionnées
background-position	Définit la position de départ d'une image de fond
background-repeat	Définit comment une image de fond sera répétée
background-size	Spécifie la taille de l'image de fond