background-color

Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

<< Guida di riferimento ai CSS

Sommario

La proprietà background-color imposta il colore di sfondo di un elemento tramite un valore esadecimale, tramite un nome di colore valido in inglese, oppure tramite la parola chiave transparent o inherit.

  • Valore iniziale: transparent
  • Si applica a: tutti gli elementi
  • Eredità: no
  • Valori percentuali: non applicabile
  • Media: visual
  • Valore calcolato: come specificato

Sintassi

background-color: color | transparent | inherit

Valori

color 
Il colore può essere specificato come valore RGB esadecimale, oppure utilizzando un nome di colore predefinito in inglese.
transparent 
Il valore iniziale di background-color è transparent, il che significa che l'elemento non ha un proprio colore, ma è trasparente.

Esempi

HTML

<div class="exampleone">
 Lorem ipsum dolor sit amet, consectetuer
</div>

<div class="exampletwo">
  Lorem ipsum dolor sit amet, consectetuer
</div>

<div class="examplethree">
  Lorem ipsum dolor sit amet, consectetuer
</div>

CSS

.exampleone {
  background-color: teal;
  color: white;
}

.exampletwo {
  background-color: rgb(153,102,153);
  color: rgb(255,255,204);
}

.examplethree {
  background-color: #777799;
  color: #FFFFFF;
}

Result

Specifiche

Si veda anche

background, background-attachment, background-image, background-position, background-repeat

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: SphinxKnight, teoli, Yuichiro, Federico
 Ultima modifica di: SphinxKnight,