CSS background-position-y Egenskab

Definition og brug

background-position-y Egenskaben bruges til at indstille baggrundsbilledets placering på y-aksen.

Tip:Som standard placeres baggrundsbilledet i elementets øverste venstre hjørne og gentages både lodret og vandret.

Hvordan placere baggrundsbilledet på y-aksen:

div {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-position-y: center;
}

Hvordan kan man placere baggrundsbilledet øverst:

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: bottom;
}

Hvordan bruke prosent til å plassere bakgrunnsbilden på aksen y:

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: 50%;
}

Hvordan bruke piksler til å plassere bakgrunnsbilden på aksen y:

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: 80px;
}

background-position-y: value;

verdi	beskrivelse
top	plasser bakgrunnen på toppen av aksen y.
bottom	plasser bakgrunnen på bunnen av aksen y.
center	plasser bakgrunnen på midten av aksen y.
y%	toppen av aksen y er 0%, bunnen er 100%. prosentverdiene refererer til høyden på bakgrunnsplasseringsområdet minus høyden på bakgrunnsbilden.
ypos	horisontal avstand fra toppen. enhet kan være piksler (som 0px) eller annet CSS Enhed.
ypos offset	double-value syntax, kun støttet i Firefox og Safari. ypos sett til top eller bottom. offset er horisontal avstand fra toppen eller bunnen av bakgrunnsbilden til ypos. enhet kan være piksler eller annet CSS Enhed.
initial	sett denne egenskapen til sin standardverdi. Se: initial.
inherit	arver denne egenskapen fra sin foreldrelement. Se: inherit.

standardverdi:	0%
inheritance:	nej
animation production:	støttet. Se:animation-related properties.
Versjon:	CSS3
JavaScript syntax:	object.style.backgroundPositionY="center"