Style objectPosition özelliği

Tanım ve kullanım

objectPosition öznitelik, <img> veya <video> Kendi iç kutusunda nasıl konumlandırılacağı.

Başka bakabilirsiniz:

CSS eğitimi：CSS object-fit

CSS referans el kitabı：object-position özelliği

Örnek

Görseli iç kutusuna sığdırmak için boyutunu ayarlayın ve görseli iç kutunun solunda 5px ve üstünde 10% konumunda yerleştirin：

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

Kendiniz deneyin

Sözdizimi

objectPosition özelliğini döndürün：

object.style.objectPosition

objectPosition özelliğini ayarlayın：

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

Özellik değeri

Değer Açıklama
position

Görsel veya videoyun iç kutusundaki konumunu belirler.

İlk değer x eksenini, ikinci değer y eksenini kontrol eder.

Dizgi olabilir (sol, ortala veya sağ) veya rakam olabilir (px veya % biriminde).

Negatif değerlere izin verilir.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： 50% 50%
Dönüş değeri： Dizgi veya sayı, elementin iç kutusundaki konumunu belirtir.
CSS sürümü： CSS3

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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