width Özniteliği
width özniteliği,
img etiketi
ile belirlenen bir resmin genişliğini ayarlar.
Günümüzde bu özniteliğin kullanımı yalnızca
resimler,
iframe,
video
ve bazı diğer etiketler için geçerlidir.
Değerleri piksel veya yüzde olarak belirtmeye izin verilir. Boyut yüzde olarak belirtildiğinde, ebeveynin genişliğinden alınır. Boyut piksel olarak belirtildiğinde, ölçü birimleri yazılmaz.
Bir resim için ne genişlik ne de yükseklik belirtilmemişse, resim kendi gerçek boyutunda görünecektir. Yalnızca yükseklik belirtilmişse, resim belirtilen yüksekliğe sahip olacak ve genişlik, oranları bozulmayacak şekilde ayarlanacaktır. Yalnızca genişlik belirtilmişse, benzer şekilde, resmin yüksekliği oranları koruyacak şekilde ayarlanacaktır. Hem genişlik hem de yükseklik belirtilmişse, resmin oranları bozulabilir (veya bozulmayabilir, tahmin ettiğiniz gibi). Genişlik veya yükseklik (veya her ikisi birlikte) gerçek boyuttan büyükse, resim büyütülecek ancak kalite kaybı yaşanacaktır.
Resimlerin genişlik ve yüksekliklerini özniteliklerde belirtmek tavsiye edilir - bu durumda tarayıcı, her resmin boyutunu aldıktan sonra hesaplamak zorunda kalmayacağı için görüntüleri daha hızlı yükleyecektir.
Gereksiz yere resmin gerçek boyutlarını küçültmek
tavsiye edilmez. Örneğin, bir resmin gerçek boyutu
1000 x 1000 pikselken, siz genişliğini
100px olarak ayarlarsınız. Bu durumda resim
ekranda 100 piksel olarak görünecek, ancak
bin pikselin tamamı kadar yer kaplayacak ve dolayısıyla
çok daha uzun sürede yüklenecektir.
Çalışma örnekleri için buraya bakın:
img etiketi.