CSS background-position-y ominaisuus

Määrittely ja käyttö

background-position-y Atribuutti asettaa taustakuvan sijoituksen y-akselilla.

Vinkki:Oletuksena taustakuvan sijoittuu elementin vasempaan yläkulmaan ja toistuu pystysuunnassa ja horisontissa.

Kuinka sijoittaa taustakuvan paikka y-akselilla:

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

Kuinka sijoittaa taustakuvan paikka ylös:

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

Miten taustakuvaa lokitetaan y-akselilla prosentteina:

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

Miten taustakuvaa lokitetaan y-akselilla pikseleillä:

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

background-position-y: value;

Arvo	Kuvaus
top	Aseta taustalokitus y-akselin yläpäähän.
bottom	Aseta taustalokitus y-akselin alapäähän.
center	Aseta taustalokitus y-akselin keskelle.
y%	Y-akselin yläpää on 0%, alapää on 100%. Prosenttipainot tarkoittavat taustalokituksen alueen korkeutta vähennettynä taustakuvan korkeudesta.
ypos	Etäisyys ylhäältä. Yksiköt voivat olla pikseleitä (esim. 0px) tai muita CSS yksiköt.
ypos offset	Kaksipuolinen syntaksi, tuettu vain Firefoxissa ja Safarissa. ypos Aseta top tai bottom. offset Se on taustakuvan ja ypos-asetuksen välinen vertikaalinen etäisyys. Yksiköt voivat olla pikseleitä tai muita CSS yksiköt.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Periisi isäntältä tämän ominaisuuden osalta. Katso: inherit.