Sifat objectPosition

Definisi dan penggunaan

objectPosition Sifat digunakan untuk menentukan <img> atau <video> Bagaimana untuk menempatkan lokasi di dalam kotak isinya sendiri.

Lihat juga:

Panduan CSS:CSS object-fit

Panduan CSS:Sifat object-position

Contoh

Ubah saiz imej untuk sesuai kotak isinya, dan letakkan imej di dalam kotak isinya di kiri 5px dan di atas 10%:

document.getElementById("myImg").style.objectPosition = "0 10%";

Cuba sendiri

Sintaks

Balikkan sifat objectPosition:

object.style.objectPosition

Tetapkan sifat objectPosition:

object.style.objectPosition = "position|initial|inherit"

Nilai sifat

Nilai Keterangan
position

Menentukan lokasi imej atau video di dalam kotak isinya.

Nilai pertama mengawal sumbu x, nilai kedua mengawal sumbu y.

Boleh menjadi string (kiri, tengah atau kanan) atau nombor (dengan satuan px atau %).

Memungkinkan nilai negatif.
initial Tetapkan sifat ini kepada nilai lalainya. Lihat initial.
inherit Mewarisi sifat ini dari elemen bapanya. Lihat inherit.

Perincian teknikal

Nilai lalai: 50% 50%
Hasil balik: String atau nombor yang menandakan lokasi elemen di dalam kotak isinya.
Versi CSS: CSS3

Pendukung pelayar

Terdapat nombor di dalam tabel yang menandakan versi pereka pelayar yang sepenuhnya mendukung sifat ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0