CSS background-repeat ominaisuus

Määritelmä ja käyttö

background-repeat Määritellään, ja kuinka toistaa taustakuvaa.

Oletusarvoisesti taustakuvaa toistetaan sekä horisontaalisesti että vertikaalisesti.

Yksityiskohtainen selitys

Background-repeat-ominaisuus määrittää kuvan tapaistuvuusmuodon.

Aloitetaan uudelleen alkuperäisestä kuvasta, ja alkuperäinen kuva määritellään background-image Määritellään, ja perustuu Background-position arvon asettaminen.

Katso myös:

CSS -opetus:CSS tausta

CSS -viittauskirja:Background-position-ominaisuus

HTML DOM -viittauskirja:BackgroundRepeat-ominaisuus

Esimerkki

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

Kokeile itse

Vinkit ja huomiot

Vinkki:Taustakuvan sijainti määräytyy background-position-ominaisuuden mukaan. Jos background-position-ominaisuutta ei määritellä, kuva sijoitetaan elementin vasempaan yläkulmaan.

CSS-kieli

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

Ominaisuuden arvo

Ominaisuuden arvo

Arvo Kuvaus
toista Oletus. Taustakuvaa toistetaan sekä horisontaalisesti että vertikaalisesti.
toista-x Taustakuvaa toistetaan horisontaalisesti.
toista-y Taustakuvaa toistetaan vertikaalisesti.
ei-toista Taustakuvaa näytetään vain kerran.
peritse Määritellään, että taustakuvan toistoa koskeva asetus tulisi perittää vanhemmalta elementiltä.

Tekninen tarkistus

Oletusarvo: toista
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: objekti.style.backgroundRepeat="repeat-y"

Lisää esimerkkejä

Kuinka toistaa taustakuvaa vertikaalisesti
Tämä esimerkki näyttää, kuinka toistetaan taustakuvaa vertikaalisesti.
Kuinka toistaa taustakuvaa horisontaalisesti
Tämä esimerkki näyttää, kuinka toistetaan taustakuvaa horisontaalisesti.
Kuinka näyttää taustakuvaa vain kerran
Tämä esimerkki näyttää, kuinka näytetään taustakuvaa vain kerran.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täyttä ominaisuutta.

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