Atribut background-position-y CSS

定义和用法

background-position-y 属性用于设置背景图像在 y 轴上的位置。

提示：默认情况下，背景图像会被放置在元素的左上角，并在垂直和水平方向上重复。

如何在 y 轴上定位背景图像：

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

如何将背景图像定位到顶部：

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

Bagaimana untuk menempatkan imej latar belakang di sumbu y dengan peratusan:

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

Bagaimana untuk menempatkan imej latar belakang di sumbu y dengan piksel:

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

background-position-y: value;

Nilai	Penerangan
top	Letakkan latar belakang di atas sumbu y.
bottom	Letakkan latar belakang di bawah sumbu y.
center	Letakkan latar belakang di tengah sumbu y.
y%	Atas sumbu y adalah 0%, bawah sumbu y adalah 100%. Peratusan adalah tinggi area lokasi latar belakang yang diambil daripada tinggi imej latar belakang.
ypos	Jarak vertikal dari atas. Unit boleh menjadi piksel (seperti 0px) atau lainnya Satuan CSS。
ypos offset	gramata dua nilai, hanya disokong dalam Firefox dan Safari. ypos Ditetapkan kepada atas atau bawah. offset Adalah jarak vertikal antara imej latar belakang dengan ypos yang ditetapkan. Unit boleh menjadi piksel atau lainnya Satuan CSS。
initial	Tetapkan sifat ini kepada nilai lalai. Lihat: initial。
inherit	Mewarisi sifat ini dari elemen ibu. Lihat: inherit。

Nilai lalai:	0%
Warisan:	Tidak
Pembuatan animasi：	Diseokung. Lihat:Sifat berkaitan dengan animasi。
Versi：	CSS3
Rujukan gramata JavaScript：	object.style.backgroundPositionY="center"