English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo background-color di CSS imposta il colore di sfondo dell'elemento. Puoi impostare il colore di sfondo tramite valori di colore o il termine chiave "transparent".
Il background dell'elemento è la dimensione totale dell'elemento, inclusi il riempimento e i bordi (ma non l'in margine). VediModello di scatola.
La tabella seguente riassume l'uso contestuale e la cronologia delle versioni di questa proprietà.
| Valore predefinito: | transparent |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | Sì.Si prega di consultare Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.backgroundColor="#00FF00" |
La sintassi di questa proprietà è la seguente:
background-color: color | transparent | initial | inherit
Esempio seguente dimostra come utilizzare la proprietà background-color.
body { background-color: yellow;}
h1 {background-color: rgb(255,0,0);}
p {background-color: #00ff00;}Prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| colore | Specificare il colore di sfondo. VediValori di colore CSSper ottenere l'elenco dei possibili valori di colore. |
| transparent | Imposta background-color a trasparente, ossia il contenuto e lo sfondo degli elementi sotto sfondo trasparente saranno visibili. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore calcolato della proprietà background-color del suo elemento padre. |
Compatibilità dei browser per la proprietà background-color, tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida:CSS sfondo,CSS3 sfondo.
Proprietà correlate:background,background-attachment,background-clip,background-image,background-origin,background-position,background-repeat,background-size.