Propriété backgroundImage Style

Définition et utilisation

backgroundImage Définir ou retourner l'image de fond de l'élément.

Astuce :En plus de l'image de fond, vous devez également spécifier la couleur de fond. Si l'image n'est pas disponible, la couleur de fond sera utilisée.

Voir également :

Styles HTML :Propriété background

Tutoriel CSS :Arrière-plan CSS

Tutoriel CSS3 :Arrière-plan CSS3

Manuel de référence CSS :Propriété background-image

Exemple

Exemple 1

Définir l'image de fond du document :

document.body.style.backgroundImage = "url('img_tree.png')";

Essayez-le vous-même

Exemple 2

Définir l'image de fond spécifique de l'élément <div> :

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Essayez-le vous-même

Exemple 3

Retourner l'image de fond spécifique de l'élément <div> :

alert(document.getElementById("myDiv").style.backgroundImage);

Essayez-le vous-même

Exemple 4

Retourner l'image de fond du document :

alert(document.body.style.backgroundImage);

Essayez-le vous-même

Syntaxe

Retourner la propriété backgroundImage :

object.style.backgroundImage

Définir la propriété backgroundImage :

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Valeur de l'attribut

Valeur Description
url('URL) L'emplacement du fichier d'image.
none Pas d'image de fond. Par défaut.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : none
Valeur de retour : Une chaîne de caractères représentant l'image de fond.
Version CSS : CSS1

Support du navigateur

backgroundImage C'est une caractéristique de CSS1 (1996).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opéra IE
Chrome Edge Firefox Safari Opéra IE
Support Support Support Support Support Support