Proprietà Style backgroundColor

Definizione e uso

backgroundColor Imposta o restituisce il colore di sfondo dell'elemento.

Vedi anche:

Stili HTML:Proprietà background

Corso CSS:Sfondo CSS

Manuale CSS:Proprietà background-color

Esempio

Esempio 1

Imposta il colore di sfondo del documento:

document.body.style.backgroundColor = "red";

Prova tu stesso

Esempio 2

Imposta il colore di sfondo dell'elemento <div> specifico:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

Prova tu stesso

Esempio 3

Restituisce il colore di sfondo dell'elemento <div> specifico:

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

Prova tu stesso

Esempio 4

Restituisce il colore di sfondo del documento:

alert(document.body.style.backgroundColor);

Prova tu stesso

Sintassi

Restituisce la proprietà backgroundColor:

oggetto.style.backgroundColor

Imposta la proprietà backgroundColor:

oggetto.style.backgroundColor = "color|transparent|initial|inherit"

Valore dell'attributo

Valore Descrizione
color

Definisce il colore di sfondo.

Vedi Valori di colore CSSper ottenere l'elenco completo dei valori di colore possibili.
transparent Predefinito. Il colore di sfondo è trasparente (il contenuto sottostante sarà visibile).
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Inherita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: transparent
Valore di ritorno: Stringa che rappresenta il colore di sfondo.
Versione CSS: CSS1

Supporto del browser

backgroundColor È una caratteristica di CSS1 (1996).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporta Supporta Supporta Supporta Supporta Supporta