Gaya ObjectPosition Properti
Contoh
Ubah ukuran gambar agar sesuai dengan kotak kontennya, dan posisikan gambar 5px dari kiri dan 10% dari atas di dalam kotak konten:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definisi dan Penggunaan
Properti objectPosition digunakan untuk menentukan bagaimana <img> atau <video> harus diposisikan dalam kotak kontennya sendiri.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Sintaksis
Kembalikan properti objectPosition:
object.style.objectPosition
Setel properti objectPosition:
object.style.objectPosition = "position|initial|inherit"
Nilai properti
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-asis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 50% 50% |
---|---|
Nilai Kembali: | String atau Angka, mewakili posisi elemen di kotak kontennya |
Versi CSS | CSS3 |
Halaman Terkait
Tutorial CSS: Kesesuaian objek CSS
Referensi CSS: properti posisi objek
Objek Gaya