Exemple
Définir une image d'arrière-plan pour un document:
document.body.style.backgroundImage = "url('img_tree.png')"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriété BackgroundImage ou renvoie l'image de fond d'un élément.
Tip: En plus de l'arrière - plan image , vous devez également spécifier une couleur d'arrière - plan. L'arrière-plan de couleur sera utilisée si l'image est indisponible.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Retour la propriété backgroundImage:
object .style.backgroundImage
Définissez la propriété backgroundImage:
object .style.backgroundImage="url(' Valeurs de propriété Valeur La description url( 'URL' ) L'emplacement du fichier d'image none Pas d'image d'arrière-plan. Ce défaut est initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: aucun Valeur de retour: Une chaîne, représentant l'image d'arrière-plan version CSS CSS1
autres exemples
Exemple
Définir une image d'arrière - plan d'un spécifique <div> élément:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; Essayez vous - même »
Exemple
Retour l'image d'arrière - plan d'un spécifique <div> élément:
alert(document.getElementById("myDiv").style.backgroundImage); Essayez vous - même »
Exemple
Retour l'image de fond d'un document:
alert(document.body.style.backgroundImage); Essayez vous - même »
Pages associées
Tutoriel CSS: Contexte CSS
Tutoriel CSS3: Fonds CSS3
Référence CSS: background-image property
Référence HTML DOM: background property
<Style objet