English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ di CSS (RULES)

Completo dell'attributo CSS

Metodo di utilizzo e esempio dell'attributo background-repeat di CSS

L'attributo background-repeat di CSS specificabackground-imageL'immagine di sfondo dopo l'adattamento delle dimensioni e della posizione è ripetuta o tile, e come procedere con la tile. Utilizzo degli abbreviazioniSfondoL'attributo è più conveniente.

La tabella seguente riassume l'ambito di applicazione e la cronologia delle versioni di questo attributo.

Valore predefinito:repeat
Applicabile a:Tutti gli elementi
Ereditarietà:No
Animabile:No.Si prega di consultare Proprietà animazione
Versione:CSS 1, 2, 3
Sintassi JavaScript:    object    object.style.backgroundRepeat="repeat-x"

Sintassi dell'uso della ripetizione dello sfondo

La sintassi di questa proprietà è la seguente:

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

Il seguente esempio dimostra come utilizzare la proprietà background-repeat.

body {background-image: url("images/gradient.png");background-repeat: repeat-x;}
Prova a vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

ValoreDescrizione
repeatValore predefinito. L'immagine di sfondo verrà ripetuta sia verticalmente che orizzontalmente.
repeat-xL'immagine di sfondo verrà ripetuta solo orizzontalmente.
repeat-yL'immagine di sfondo verrà ripetuta solo verticalmente.
no-repeatL'immagine di sfondo non verrà ripetuta.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore calcolato della proprietà background-repeat del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà background-repeat del CSS, tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Safari 1+

  • Opera 3.5+

Leggi di più

Si prega di consultare la seguente guida:CSS sfondoCSS3 sfondo

Proprietà correlate:backgroundbackground-attachmentbackground-colorbackground-clipbackground-imagebackground-originbackground-positionbackground-size