Atribut background-position-y CSS

Definisi dan penggunaan

background-position-y Atribut digunakan untuk mengatur posisi gambar latar di sumbu y.

Petunjuk:Secara default, gambar latar akan ditempatkan di pojok kiri atas elemen dan diulangi di arah vertikal dan horizontal.

Bagaimana mengatur gambar latar di sumbu y?

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

Bagaimana mengatur gambar latar di atas?

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

Bagaimana cara menggunakan persen untuk menempatkan gambar latar belakang di sumbu y:

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

Bagaimana cara menggunakan pixel untuk menempatkan gambar latar belakang di sumbu y:

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

background-position-y: value;

Nilai	Deskripsi
top	Tetapkan penempatan latar belakang di atas sumbu y.
bottom	Tetapkan penempatan latar belakang di bawah sumbu y.
center	Tetapkan penempatan latar belakang di tengah sumbu y.
y%	Atas sumbu y adalah 0%, bawah adalah 100%. Nilai persen menunjukkan tinggi area penempatan latar belakang yang dihilangkan dari tinggi gambar latar belakang.
ypos	Jarak vertikal dari atas. Satuan dapat berupa pixel (seperti 0px) atau lainnya Satuan CSS.
ypos offset	Bentuk tiga nilai, didukung hanya di Firefox dan Safari. ypos Ditetapkan ke atas atau bawah. offset Adalah jarak vertikal dari gambar latar belakang ke atas atau bawah yang ditetapkan dengan ypos. Satuan dapat berupa pixel atau lainnya Satuan CSS.
initial	Atur properti ini ke nilai defaultnya. Lihat initial.
inherit	Mengambil properti ini dari elemen induknya. Lihat inherit.

Nilai default:	0%
Inheritance:	Tidak
Pembuatan animasi:	Didukung. Lihat:Properti yang berhubungan dengan animasi.
Versi:	CSS3
Gramata JavaScript:	object.style.backgroundPositionY="center"