Atribut objectPosition Style

Definisi dan penggunaan

objectPosition Atribut digunakan untuk menentukan <img> atau <video> Bagaimana untuk memposisikan di dalam kotak konten sendiri.

Lihat juga:

Panduan CSS:CSS object-fit

Panduan CSS:Atribut object-position

Contoh

Sesuaikan ukuran gambar untuk memadai kotak konten, dan letakkan gambar di dalam kotak konten dengan jarak kiri 5px dan jarak atas 10%:

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

Coba sendiri

Sintaks

Kembalikan atribut objectPosition:

object.style.objectPosition

Atur atribut objectPosition:

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

Nilai atribut

Nilai Deskripsi
position

Menentukan posisi gambar atau video di dalam kotak konten.

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

Bisa berupa string (kiri, tengah atau kanan) atau angka (dengan satuan px atau %).

Memungkinkan nilai negatif.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induk. Lihat inherit.

Detil teknis

Nilai standar: 50% 50%
Nilai kembalian: String atau angka yang menunjukkan posisi elemen di dalam kotak konten.
Versi CSS: CSS3

Dukungan browser

Tabel angka menunjukkan versi browser yang pertama yang mendukung atribut ini penuh.

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