Style backgroundRepeat ominaisuus

Määrittely ja käyttö

backgroundRepeat Miten asettaa tai palauttaa taustakuvan toiston (murtosuunta).

Katso myös:

HTML-tyylit:background-ominaisuus

CSS-opas:CSS-aulatausta

CSS3-opas:CSS3-taustat

CSS-kiertokirja:background-repeat-ominaisuus

Esimerkki

Esimerkki 1

Aseta taustakuvan toisto ei-toistoon (ei-toista):

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

Kokeile itse

Esimerkki 2

Muuta määritellyn DIV-elementin backgroundRepeat-ominaisuutta:

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

Kokeile itse

Esimerkki 3

Aseta taustakuvan toisto vaakasuunnassa tai pystysuunnassa:

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

Kokeile itse

Esimerkki 4

Palauta dokumentin background-repeat-arvo:

alert(document.body.style.backgroundRepeat);

Kokeile itse

Syntaksi

Palauta backgroundRepeat-ominaisuus:

objekti.style.backgroundRepeat

Aseta backgroundRepeat-ominaisuus:

objekti.style.backgroundRepeat = "toista|toista-x|toista-y|ei-toista|alkuperäinen|perittää"

Ominaisuuden arvo

Arvo Kuvaus
toista Taustakuvaa toistetaan sekä pystysuunnassa että vaakasuunnassa. Oletus.
toista-x Taustakuvaa toistetaan vain vaakasuunnassa.
toista-y Taustakuvaa toistetaan vain pystysuunnassa.
ei-toista Taustakuvaa ei toisteta.
alkuperäinen Aseta tämä ominaisuus sen oletusarvoon. Katso alkuperäinen.
perittää Periisi isältään tämän ominaisuuden. Katso perittää.

Tekninen yksityiskohta

Oletusarvo: toista
Palautusarvo: Merkkijono, joka ilmaisee taustakuvan toistotavan.
CSS versio: CSS1

Selaimen tuki

backgroundRepeat Se on CSS1 (1996) ominaisuus.

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tuki Tuki Tuki Tuki Tuki Tuki