Atrybut background-position-y CSS

Definicja i zastosowanie

background-position-y Atrybut jest używany do ustawienia pozycji obrazu tła na osi y.

Wskazówka:Domyślnie, obraz tła zostanie umieszczony w lewym górnym rogu elementu i powtarzany wzdłuż pionu i poziomu.

Jak umieścić obraz tła wzdłuż osi y?

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

Jak umieścić obraz tła w górnej części?

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

Jak używać procentów do lokalizacji obrazu tła na osi y:

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

Jak używać pikseli do lokalizacji obrazu tła na osi y:

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

background-position-y: wartość;

wartość	opis
top	ustawia lokalizację tła na górze osi y.
bottom	ustawia lokalizację tła na dole osi y.
center	ustawia lokalizację tła w środku osi y.
y%	szczyt osi y wynosi 0%, spód wynosi 100%. procentowe wartości oznaczają wysokość obszaru lokalizacji tła minus wysokość obrazu tła.
ypos	odległość wertykalna od góry. jednostki mogą być pikselami (np. 0px) lub innymi Jednostki CSS.
ypos odchylenie	dodatnia gramatyka, obsługiwana tylko w Firefox i Safari. ypos ustaw na top lub bottom. odchylenie jest to odległość wertykalna między obrazem tła a ustawioną wartością ypos. jednostki mogą być pikselami (np. 0px) lub innymi Jednostki CSS.
initial	ustawia tę atrybut na jego wartość domyślną. Zobacz initial.
dziedziczenie	dziedziczy tę atrybut od elementu nadrzędnego. Zobacz dziedziczenie.

domyślna wartość:	0%
dziedziczenie:	nie
produkcja animacji:	obsługiwane. Zobacz:atrybuty animacji.
wersja:	CSS3
JavaScript składnia:	object.style.backgroundPositionY="center"