Propriété de style backgroundImage
Exemple
Définissez une image d'arrière-plan pour un document :
document.body.style.backgroundImage = "url('img_tree.png')";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété backgroundImage définit ou renvoie l'image d'arrière-plan d'un élément.
Astuce : En plus de l'image d'arrière-plan, vous devez également spécifier une couleur d'arrière-plan. La couleur de fond sera utilisée si l'image n'est pas disponible.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Renvoyez la propriété backgroundImage :
object.style.backgroundImage
Définissez la propriété backgroundImage :
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rien |
---|---|
Valeur de retour : | Une chaîne, représentant l'image d'arrière-plan |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Définissez une image d'arrière-plan d'un élément <div> spécifique :
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Exemple
Renvoie l'image d'arrière-plan d'un élément <div> spécifique :
alert(document.getElementById("myDiv").style.backgroundImage);
Exemple
Renvoie l'image de fond d'un document :
alert(document.body.style.backgroundImage);
Pages connexes
Tutoriel CSS : Arrière-plan CSS
Tutoriel CSS3 : Arrière-plans CSS3
Référence CSS : propriété background-image
Référence HTML DOM : propriété background