Autres propriétés de la même famille

Background-Image (propriété CSS)

Définit l'image à afficher en arrière-plan de l'élément. Si une couleur d'arrière-plan est également définie, elle se trouve masquée par l'image, sauf si celle-ci contient des parties transparentes.

Voir aussi les propriétés Background-Color, Background-Repeat, Background-Attachment, Background-Position. et également la propriété résumée Background.

Valeurs pour Background-Image.

None

Pas d'image d'arrière-plan.

Url( [Adresse] )

L'image dont l'adresse est spécifiée est utilisée en image d'arrière-plan. La syntaxe fait appel à la fonction URL()
Exemple pour une adresse absolue : URL(http://www.domaine.fr/image.png)
Exemple pour une adresse relative : URL(dossier/image.png)

InheritMême valeur que celle de l'élément parent.

Exemples.

Image sans partie tranparente : la couleur du fond (background-color) est masquée.

background-color:yellow;
background-image:url(img/background-image-1.png);

Image avec fond transparent : la couleur du fond (background-color) reste visible derrière les parties transparentes.

background-color:yellow;
background-image:url(img/background-image-2.png);

Une image de fond peut également être appliquée à une partie de texte grâce à la balise <span>.

span {background-image:url(img/background-image-1.png;}

Une image de fond est appliquée sur cette partie de texte.

Pour toute utilisation des informations de cette page, reportez vous au copyright