Esempio
Impostare il colore di sfondo di diversi elementi:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà background-color imposta il colore di sfondo di un elemento.
Lo sfondo di un elemento è la dimensione totale dell'elemento, tra cui imbottitura e di confine (but not the margin) .
Tip: Utilizzare un colore di sfondo e un colore del testo che rende il testo di facile lettura.
| Valore di default: | transparent |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
background-color:color|transparent|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| color | Specifica il colore di sfondo. Guardate i valori di colore CSS per un elenco completo dei possibili valori di colore. | Gioca " |
| transparent | Specifica che il colore di sfondo deve essere trasparente. Questa è l'impostazione predefinita | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Esempio
Impostare il colore di sfondo di una parte del testo:
span.highlight {
background-color: yellow;
}
Prova tu stesso " Pagine correlate
CSS tutorial: Sfondo CSS
Di riferimento HTML DOM: backgroundColor property