English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo background CSS è un attributo abbreviato utilizzato per impostare vari attributi di sfondo, ovvero un attributo abbreviato, e background-image,background-position,background-size,background-repeat,background-attachment,background-origin,background-clipEbackground-color Queste dichiarazioni di proprietà singole.
La tabella seguente riassume l'uso contestuale e la cronologia delle versioni di questa proprietà.
| Valore predefinito: | Visualizza tutti i valori delle proprietà |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Nessuno |
| Animabile: | Sì, perché alcune proprietà di abbreviazione possono essere animate.Si prega di consultare Proprietà animate. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | oggetto object.style.background="red url(smiley.gif) top left no-repeat" |
La sintassi di questo attributo è la seguente:
background: [ immagine posizione/dimensione ripetizione allegamento origine ritaglio colore ] | iniziale | ereditato
Attenzione:Se manca o viene omesso qualsiasi degli attributi elencati sopra, viene inserito il valore predefinito dell'attributo (se presente). Per ulteriori dettagli, vedere ciascun attributo.
L'esempio seguente dimostra come utilizzare la proprietà background.
body {background: #ffff00 url("smiley.png") no-repeat fixed center;}Prova a vedere‹/›In CSS3, è anche possibile aggiungere più sfondi a un singolo elemento. Gli sfondi si sovrappongono lungo l'asse z.
.box {
width: 100%;
height: 500px;
background: url("images/birds.png") no-repeat center, url("images/clouds.png") no-repeat center, lightblue;
}Prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| background-attachment | Specificare se lo sfondo è scorrere con il documento o rimanere fisso nella zona di visualizzazione. |
| background-color | Impostare il colore di sfondo dell'elemento. |
| background-clip | Specificare l'area di disegno dello sfondo. |
| background-image | Impostare una o più immagini di sfondo per un elemento. |
| background-origin | Specificare la regione di posizionamento dell'immagine di sfondo. |
| background-position | Impostare la posizione iniziale dell'immagine di sfondo. |
| background-repeat | Specificare come tassellare l'immagine di sfondo dopo aver specificato la dimensione e la posizione. |
| background-size | Specificare la dimensione dell'immagine di sfondo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore calcolato della proprietà background del suo elemento padre. |
Compatibilità dei browser per le proprietà background, tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida:CSS sfondo,CSS3 sfondo.
Proprietà correlate:background-attachment,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size.