Accueil    CSS    Propriété Background
 



style css background  Style CSS background

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété background désigne le style que l'on peut appliquer à l'arrière plan d'un élément, allant de la définition d'une couleur de fond à l'association d'une image pouvant être positionnée ou répétée horizontalement ou verticalement.

Les propriétés CSS s'appliquant à l'arrière plan sont les suivantes :
- background-attachment
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size



Propriétés pour le style background :




Propriété Définition Valeurs CSS
background-attachment Indique si l'image utilisée comme arrière plan est fixe ou si comme c'est le cas par défaut elle reste visible lors du scroll sur la page fixed
scroll
inherit
CSS 1
background-color Défini une couleur de fond pour l'élément nom couleur
valeur rgb
valeur #hexa
CSS 1
background-image Défini une référence vers une image utilisée comme arrière plan qui sera par défaut positionnée dans le coin haut gauche de celui-ci URL CSS 1
background-position Détermine la position horizontale et verticale dans l'élément de l'image utilisée comme arrière plan qui est par défaut la partie supérieure gauche bottom
center
left
right
top
%
valeur
inherit
CSS 1
background-repeat Indique si l'image utilisée comme arrière plan doit être dupliquée sur toute la surface de l'élément, ce qui est le comportement par défaut no-repeat
repeat-x
repeat-y
CSS 1


Exemple d'utilisation du style css background :





<div style="border:solid 1px black; width:400px; height:200px;
   background:#dedede url(exemples/exemple-css-image.png) no-repeat center center;">
   Définition d'une couleur de fond et affichage d'une image centrée en arrière plan de l'élément div
</div>



Définition d'une couleur de fond et affichage d'une image centrée en arrière plan de l'élément div