background-repeat CSS proprietà
Esempi
Solo ripetere background-image verticale:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
Prova »
le definizioni e le istruzioni tag
Come impostare la proprietà background-image oggetto tile.
Per impostazione predefinita, l'immagine di sfondo ripetuta verticale e direzioni orizzontali.
predefinito: | ripetizione |
---|---|
ereditarietà: | no |
versione: | CSS1 |
sintassi JavaScript: | oggetto object.style.backgroundRepeat = "repeat-y" |
Supporto per il browser
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.
<Property | |||||
---|---|---|---|---|---|
background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Più immagini di sfondo in un elemento IE8 e le versioni precedenti del browser non supporta.
Si noti che IE7 e versioni precedenti non supportano "ereditano (ereditato) per" valore.IE8 necessario definire! DOCTYPE. supporto IE9 "Eredita (ereditato)."
Suggerimenti e Note
Suggerimento: proprietà background-positionper impostare la posizione dell'immagine di sfondo. Se la posizione specificata senza sfondo, le immagini sono sempre collocate in alto a sinistra dell'elemento.
Proprietà Valore
valore | spiegazione |
---|---|
ripetizione | Immagine di sfondo si ripeterà direzioni verticale e orizzontale. Questa è l'impostazione predefinita |
repeat-x | viene ripetuto solo la posizione orizzontale dell'immagine di sfondo |
repeat-y | sarà ripetuta soltanto la posizione verticale dell'immagine di sfondo |
no-repeat | background-image non si ripete |
ereditare | Specifica le impostazioni degli attributi background-ripet dovrebbero essere ereditate dall'elemento genitore |
Esempi online
Come ripetere un'immagine di sfondo in direzioni verticali e orizzontali
Questo esempio dimostra come ripetere un'immagine di sfondo in direzione verticale e orizzontale.
Come ripetere un'immagine di sfondo solo nella direzione orizzontale
Questo esempio mostra come ripetere un'immagine di sfondo solo la direzione orizzontale.
Come visualizzare l'immagine di sfondo solo una volta
Questo esempio dimostra come visualizzare un'immagine di sfondo non si ripete solo una volta.
articoli correlati
CSS tutorial: Sfondo CSS
Manuale di CSS di riferimento: proprietà background-position