Style backgroundRepeat Property

<Stile di oggetto

Esempio

Impostare un background-image per no-repeat:

document.body.style.backgroundRepeat = "repeat-y";

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

Gli insiemi di proprietà backgroundRepeat o ritorni come ripetere (tile) un background-image.

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Proprietà
backgroundRepeat	1.0	4.0	1.0	1.0	3.5

Sintassi

Restituire la proprietà backgroundRepeat:

object .style.backgroundRepeat

Impostare la proprietà backgroundRepeat:

I valori delle proprietà

Valore	Descrizione
repeat	L'immagine di sfondo viene ripetuta sia verticalmente che orizzontalmente. Questa è l'impostazione predefinita
repeat-x	L'immagine di sfondo viene ripetuta solo orizzontalmente
repeat-y	L'immagine di sfondo viene ripetuta solo verticalmente
no-repeat	L'immagine di sfondo non viene ripetuta
initial	Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit	Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default:	ripetere
Valore di ritorno:	A String, che rappresenta come uno sfondo-immagine viene ripetuta
CSS Version	CSS1

Altri esempi

Esempio

Modificare la proprietà backgroundRepeat di un elemento DIV specificato:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Prova tu stesso "

Esempio

Impostare un background-image per ripetere orizzontalmente o verticalmente:

function repeatVer() {
document.body.style.backgroundRepeat = "repeat-y";
}

function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}

Prova tu stesso "