CSS background-repeat property

definisjon og bruk

background-repeat innstillingene for bakgrunnsbildets repetisjon og hvordan den gjøres.

Standardvis repeteres bakgrunnsbildet både horisontalt og vertikalt.

Detaljert forklaring

background-repeat-egenskapen definerer bildets tiling-mønster.

fra originalbildet starter repetisjonen, og originalbildet defineres av background-image definerer, og baseres på background-position verdiene plasseres.

Se også:

CSS læreplan:CSS Baggrund

CSS referansehåndboken:background-position-egenskapen

HTML DOM referansehåndboken:backgroundRepeat-egenskapen

Eksempel

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

Prøv selv

Tips og kommentarer

Tips:Plasseringen av bakgrunnsbildet er satt ved background-position-egenskapen. Hvis background-position-egenskapen ikke er satt, vil bildet plasseres i elementets øvre venstre hjørne.

CSS syntaks

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

Egenskapsverdi

Egenskapsverdi

Verdi Beskrivelse
repeat Standard. Bakgrunnsbildet repeteres både horisontalt og vertikalt.
repeat-x Bakgrunnsbildet repeteres horisontalt.
repeat-y Bakgrunnsbildet repeteres vertikalt.
no-repeat Bakgrunnsbildet vises kun én gang.
inherit Definerer at background-repeat-egenskapen skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: repeat
Arvbarhet: nei
Versjon: CSS1
JavaScript syntaks: object.style.backgroundRepeat="repeat-y"

Flere eksempler

Hvordan repeterer bakgrunnsbilde vertikalt
Dette eksempelet viser hvordan du vertikalt repeterer bakgrunnsbilde.
Hvordan repeterer bakgrunnsbilde horisontalt
Dette eksempelet viser hvordan du horisontalt repeterer bakgrunnsbilde.
Hvordan vise bakgrunnsbilde én gang
Dette eksempelet viser hvordan du kun viser bakgrunnsbilde én gang.

Nettleserstøtte

Tabellen nummererer den første nettleseren som fullt ut støtter egenskapen.

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