Styl pozadí Repeat Vlastnost
Příklad
Nastavte obrázek na pozadí tak, aby se neopakoval:
document.body.style.backgroundRepeat = "repeat-y";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost backgroundRepeat nastavuje nebo vrací způsob opakování (dlaždice) obrázku na pozadí.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Vraťte vlastnost backgroundRepeat:
object.style.backgroundRepeat
Nastavte vlastnost backgroundRepeat:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | opakovat |
---|---|
Návratová hodnota: | Řetězec představující, jak se obrázek na pozadí opakuje |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte vlastnost backgroundRepeat zadaného prvku DIV:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Příklad
Nastavte obrázek na pozadí tak, aby se opakoval vodorovně nebo svisle:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
Příklad
Vrátí hodnotu opakování pozadí dokumentu:
alert(document.body.style.backgroundRepeat);
Související stránky
CSS tutoriál: CSS Background
CSS reference: vlastnost background-position
CSS reference: vlastnost background-repeat
HTML DOM reference: vlastnost pozadí