Görüntü genişliği Özellik
Örnek
Bir görüntünün genişliğini 300 piksel olarak değiştirin:
document.getElementById("myImg").width = "300";
Tanım ve Kullanım
Genişlik özelliği, bir görüntünün genişlik özniteliğinin değerini ayarlar veya döndürür.
Genişlik özelliği bir görüntünün genişliğini belirtir.
Bu özellik ayrıca stili CSS ile oluşturulmuş bir görüntünün genişliğini de döndürebilir (Daha Fazla Örneğe Bakın).
İpucu: Bir görüntünün height niteliğinin değerini ayarlamak veya döndürmek için height özelliğini kullanın .
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Genişlik özelliğini döndürün:
imageObject.width
Genişlik özelliğini ayarlayın:
imageObject.width = pixels
Mülk değerleri
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Teknik detaylar
Geri dönüş değeri: | Piksel olarak görüntünün genişliğini temsil eden bir Sayı |
---|
Daha fazla örnek
Örnek
Bir görüntünün genişliğini döndür:
var x = document.getElementById("myImg").width;
Örnek
Bir görüntünün yüksekliğini ve genişliğini 300 piksel olarak değiştirin:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Örnek
CSS ile stil verilmiş bir görüntünün genişliğini döndür:
var x = document.getElementById("myImg").width;
İlgili Sayfalar
HTML referansı: HTML <img> genişlik özelliği
❮ Görüntü Nesnesi