Attributo backgroundImage Style

Definizione e uso

backgroundImage Imposta o restituisce l'immagine di sfondo dell'elemento.

Suggerimento:Oltre all'immagine di sfondo, dovresti specificare anche il colore di sfondo. Se l'immagine non è disponibile, verrà utilizzato il colore di sfondo.

Vedi anche:

Stili HTML:Attributo background

Tutorial CSS:Sfondo CSS

Tutorial CSS3:Sfondo CSS3

Manuale CSS:Attributo background-image

Esempio

Esempio 1

Imposta l'immagine di sfondo del documento:

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

Prova personalmente

Esempio 2

Imposta l'immagine di sfondo dell'elemento <div> specifico:

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

Prova personalmente

Esempio 3

Restituisce l'immagine di sfondo dell'elemento <div> specifico:

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

Prova personalmente

Esempio 4

Restituisce l'immagine di sfondo del documento:

alert(document.body.style.backgroundImage);

Prova personalmente

Sintassi

Restituisce l'attributo backgroundImage:

object.style.backgroundImage

Imposta l'attributo backgroundImage:

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

Valore dell'attributo

Valore Descrizione
url('URL) Posizione del file immagine.
none Nessuna immagine di sfondo. Predefinito.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Incorpora questo attributo dall'elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: none
Valore di ritorno: Stringa che rappresenta l'immagine di sfondo.
Versione CSS: CSS1

Supporto dei browser

backgroundImage È una caratteristica di CSS1 (1996).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporto Supporto Supporto Supporto Supporto Supporto