Style sifat backgroundPosition

Definisi dan penggunaan

backgroundPosition Tetapkan atau kembalikan kedudukan imej latar belakang dalam elemen.

Lihat juga:

Gaya HTML:Sifat background

Panduan CSS:Latar Belakang CSS

Panduan CSS3:Latar belakang CSS3

Panduan CSS:Sifat background-image

Panduan CSS:Sifat background-position

Contoh

Contoh 1

Ubah kedudukan imej latar belakang:

document.body.style.backgroundPosition = "top right";

Cuba sendiri

Contoh 2

Tukar kedudukan imej latar belakang bagi elemen <div> ke tengah bawah:

document.getElementById("myDiv").style.backgroundPosition = "center bottom";

Cuba sendiri

Contoh 3

Ubah lokasi imej latar belakang elemen <div> kepada horizontal 200 piksel dan vertikal 40 piksel:

document.getElementById("myDiv").style.backgroundPosition = "200px 40px";

Cuba sendiri

Contoh 4

Kembalikan lokasi imej latar belakang dalam elemen <div>:

document.getElementById("myDiv").style.backgroundPosition;

Cuba sendiri

syarat

Kembalikan sifat backgroundPosition:

objek.style.backgroundPosition

Tetapkan sifat backgroundPosition:

objek.style.backgroundPosition = value

nilai sifat

nilai penjelasan
  • atas kiri
  • atas tengah
  • atas kanan
  • tengah kiri
  • tengah tengah
  • tengah kanan
  • bawah kiri
  • bawah tengah
  • bawah kanan
 Jika anda hanya menentukan satu kata kunci, nilai lain akan adalah "center".
x% y%

Nilai x menunjukkan lokasi horizontal, nilai y menunjukkan lokasi vertikal.

Kotak atas kiri adalah 0%. Sisi bawah kanan adalah 100% 100%.

Jika anda hanya menentukan satu nilai, nilai lain adalah 50%.
xpos ypos

Nilai x menunjukkan lokasi horizontal, nilai y menunjukkan lokasi vertikal.

Kotak atas kiri adalah 0 0. Unit boleh adalah piksel (0px 0px) atau mana-mana unit CSS lain.

Jika anda hanya menentukan satu nilai, nilai lain adalah 50%. Anda boleh campurkan % dan unit.
initial Tetapkan sifat ini ke nilai lalai. Lihat initial.
inherit Mewarisi sifat ini dari elemen induknya. Lihat inherit.

detil teknikal

Nilai lalai: 0% 0%
Hasil balik: string, yang menyatakan lokasi imej latar belakang.
Versi CSS: CSS1

pemilihan pemeriksaan

backgroundPosition adalah ciri CSS1 (1996).

Semua pemeriksaan web mengesokong ia sepenuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
disokong disokong disokong disokong disokong disokong