Image width özelliği

HTML DOM Görsel nesnesi

Tanım ve Kullanım

width özelliği ayarlar veya döndürür width özelliği değerini.

HTML width özelliği, görselin genişliğini belirtir.

Bu özellik, CSS ile ayarlanmış stilin kullanıldığı görselin genişliğini de döndürebilir (aşağıdaki örneğe bakın).

İpucu:Kullanın height özelliği görselin height özelliği değerini.

Örnek

Örnek 1

Görselin genişliğini 450px olarak değiştirin:

document.getElementById("myImg").width = "450";

Kişisel olarak deneyin

Örnek 2

Görselin genişliğini döndürür:

var x = document.getElementById("myImg").width;

Kişisel olarak deneyin

Örnek 3

Görselin yüksekliğini 300px ve genişliğini 450px olarak değiştirin:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Kişisel olarak deneyin

Örnek 4

CSS ile ayarlanmış stilin kullanıldığı görsel genişliğini döndürür:

var x = document.getElementById("myImg").width;

Kişisel olarak deneyin

语法

width özelliğini döndürür:

imageObject.width

width özelliğini ayarlamak:

imageObject.width = pixels

Özellik değeri

Değer Açıklama
pixels Pixel cinsinden genişlik (örneğin width="100").

Teknik ayrıntılar

Dönüş değeri: Diyagonal, resmin genişliğini pixel olarak ifade eder.

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

İlgili sayfalar

HTML referans el kitabı:HTML <img> genişlik özelliği

HTML DOM Görsel nesnesi