Proprietà background-repeat CSS

Definizione e uso

background-repeat Impostazione dell'attributo e come ripetere l'immagine di sfondo.

Per impostazione predefinita, l'immagine di sfondo viene ripetuta sia orizzontalmente che verticalmente.

Spiegazione dettagliata

L'attributo background-repeat definisce lo schema di mosaico dell'immagine.

Ripeti dall'immagine originale, l'immagine originale è definita da background-image Definizione e basata su background-position posizionare i valori.

Vedi anche:

Lezione CSS:Sfondo CSS

Manuale CSS:Attributo background-position

Manuale HTML DOM:Attributo backgroundRepeat

Esempio

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

Prova tu stesso

Suggerimenti e note

Suggerimento:La posizione dell'immagine di sfondo è impostata dall'attributo background-position. Se non viene definito l'attributo background-position, l'immagine viene posizionata nell'angolo sinistro superiore dell'elemento.

Sintassi CSS

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Valore dell'attributo

Valore dell'attributo

Valore Descrizione
repeat Predefinito. L'immagine di sfondo verrà ripetuta sia verticalmente che orizzontalmente.
repeat-x L'immagine di sfondo verrà ripetuta orizzontalmente.
repeat-y L'immagine di sfondo verrà ripetuta verticalmente.
no-repeat L'immagine di sfondo verrà visualizzata una volta sola.
inherit Definisce che l'attributo background-repeat dovrebbe essere ereditato dalla configurazione del padre dell'elemento.

Dettagli tecnici

Valore predefinito: repeat
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: oggetto.style.backgroundRepeat="repeat-y"

Altri esempi

Come ripetere l'immagine di sfondo verticalmente
Questo esempio dimostra come ripetere l'immagine di sfondo verticalmente.
Come ripetere l'immagine di sfondo orizzontalmente
Questo esempio dimostra come ripetere l'immagine di sfondo orizzontalmente.
Come visualizzare una volta sola l'immagine di sfondo
Questo esempio dimostra come visualizzare una volta sola l'immagine di sfondo.

Supporto del browser

Tabella delle numeri ha chiarito la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5