Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 142444 ]
Votre IP fleche [ 38.103.63.17 ]
Vous êtes ici : Home Page Cours CSS Propriete background-image
Imprimer Imprimer le document

Informations Membres

[195] Posts sur le forum
[179] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 0 Invité
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

www.

Partenaires

Alsacreations
L'éditeur JavaScript
WebRankInfo
DicoDuNet
Noogle
Page précédente | Page suivante

La propriété Background-Image

Cette propriété affiche une image de fond dans un élément.

background-image
Valeur none
Adresse URL de l'image
Type CSS 1
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 4+ Compatible Firefox 4+ Compatible Opera 9+
Valeur par défaut none
Domaine d'application Tous les éléments
Héritage non
Media visuel

Valeur
possible		 Action Exemple
none Aucune n'est affectée à l'arrière plan de l'élément. p {background-image: none}
Adresse URL absolue Une image externe est placée en fond. div {
background-image: url(http://www.webelix.net/dossier/image.gif)
}
Adresse URL relative Une image interne est placée en fond. div {
background-image: url(../dossier/image.jpg)
}
Remarque : Si l'URL de l'image se compose d'un nom composé, il faut mettre l'url entre guillemets. 
background-image: url("../dossier/image 2.jpg")

Exemples

Une image externe est placée en fond.

image
externe
 
div {background-image: url(http://www.webelix.net/dossier/image.jpg)}

Une image interne est placée en fond.

image
interne
 
div {background-image: url(../dossier/image.jpg)}
Page précédente | Page suivante
Haut de page