Proprietà background-color CSS

Definizione e uso

background-color L'attributo imposta il colore di sfondo dell'elemento.

Intervallo di sfondo dell'elemento

background-color Imposta un colore puro all'elemento. Questo colore riempirà il contenuto dell'elemento, i margini interni e l'area del bordo, estendendosi al di fuori del bordo dell'elemento (ma non inclusi i margini esterni). Se ci sono parti trasparenti nel bordo (ad esempio un bordo tratteggiato), attraverso queste parti trasparenti verrà visualizzato il colore di sfondo.

valore trasparente

Nonostante nella maggior parte dei casi non sia necessario utilizzare trasparenteTuttavia, se non si desidera che un elemento abbia un colore di sfondo e allo stesso tempo non si desidera che le impostazioni di colore dell'utente influenzino il proprio design, impostare trasparente I valori sono necessari.

Vedi anche:

Corso CSS:Sfondo CSS

Manuale di riferimento HTML DOM:Attributo backgroundColor

Esempio

Imposta il colore di sfondo per diversi elementi:

body
  {
  background-color:giallo;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Prova da solo

Sintassi CSS

background-color: colore|transparent|initial|inherit;

Valore dell'attributo

Valore Descrizione
color_name Definisce il colore di sfondo con il nome del colore (ad esempio red).
hex_number Definisce il colore di sfondo con il valore esadecimale (ad esempio #ff0000).
rgb_number Definisce il colore di sfondo con il codice rgb (ad esempio rgb(255,0,0)).
trasparente Predefinito. Il colore di sfondo è trasparente.
inherit Definisce che l'attributo background-color deve essere ereditato dal padre dell'elemento.

Dettagli tecnici

Valore predefinito: trasparente
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: oggetto.style.backgroundColor="#00FF00"

Supporto del browser

Le numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5