Il miglior tutorial proprietà dello sfondo CSS Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,le definizioni e le istruzioni tag,grammatica,articoli correlati,
Impostazione più immagini di sfondo in un elemento div (e specificare la loro posizione):
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
| 属性 | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Tutti i browser principali supportano gli attributi di sfondo.
Si noti che IE8 e le versioni precedenti non supportano una pluralità di elementi dell'immagine di sfondo.
Si noti che IE7 e versioni precedenti non supportano il valore "ereditare".IE8 necessario definire! DOCTYPE. IE9 supporta il "eredità".
Sfondo proprietà scorciatoia possibile impostare tutte le proprietà di fondo in una dichiarazione.
Proprietà che è possibile impostare sono: background-color, background-position, background-size, background-repeat, background-origine, background-clip, background-attachment e background-image.
Se quanto sopra manca un valore, non importa, come sfondo: # FF0000 URL (smiley.gif); è consentito.
| predefinito: | Fare riferimento alla proprietà separata |
|---|---|
| ereditarietà: | no |
| versione: | CSS1 + CSS3 nuove proprietà |
| sintassi JavaScript: | object object.style.background = "URL rosso (smiley.gif) in alto a sinistra no-repeat" |
| valore | spiegazione | CSS |
|---|---|---|
| background-color | Specifica il colore di sfondo da utilizzare | 1 |
| background-position | Specifica il percorso dell'immagine di sfondo | 1 |
| background-size | Specifica la dimensione dell'immagine di sfondo | 3 |
| background-repeat | Specifica come ripetere un'immagine di sfondo | 1 |
| background-origine | immagine di sfondo dell'area posizione specificata | 3 |
| background-Clip | Specifica lo sfondo dell'immagine zona di verniciatura | 3 |
| background-attachment | Impostare l'immagine di sfondo è fissa o scorrimento con il resto della pagina. | 1 |
| background-image | Specificare una o più immagini di sfondo da utilizzare | 1 |
CSS tutorial: Sfondo CSS
CSS3 tutorial: CSS3 Backgrounds