HTML <img> genişliği Özellik
Örnek
600 piksel yüksekliğinde ve 500 piksel genişliğinde bir resim:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Nitelik width
, bir görüntünün genişliğini piksel cinsinden belirtir.
İpucu:height
Görüntüler için her zaman hem ve
width
niteliklerini belirtin . Yükseklik ve genişlik ayarlanırsa, sayfa yüklendiğinde görüntü için gerekli alan ayrılır. Ancak, bu nitelikler olmadan tarayıcı görüntünün boyutunu bilmez ve ona uygun alanı ayıramaz. Efekt, yükleme sırasında (resimler yüklenirken) sayfa düzeninin değişmesi olacaktır.
İpucu: Büyük bir resmi
height
ve width
öznitelikleriyle küçültmek, kullanıcıyı büyük resmi indirmeye zorlar (sayfada küçük görünse bile). Bunu önlemek için, görüntüyü bir sayfada kullanmadan önce bir programla yeniden ölçeklendirin.
Tarayıcı Desteği
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
<img width="pixels">
Özellik Değerleri
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ HTML <img> etiketi