height Özniteliği
height özniteliği,
img
etiketi ile belirlenen bir resmin yüksekliğ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ğerlerin piksel veya yüzde olarak belirtilmesine izin verilir. Yüzde cinsinden bir boyut belirtilmesi durumunda, bu yüzde üst öğenin genişliğine göre hesaplanır. Piksel cinsinden bir boyut belirtilirken ölçü birimi yazılmaz.
Bir resim için ne genişlik ne de yükseklik belirtilmemişse, resim kendi gerçek boyutunda görüntülenir. Yalnızca yükseklik belirtilmişse, resim belirtilen yüksekliğe sahip olur ve genişliği, oranları bozulmayacak şekilde ayarlanır. Yalnızca genişlik belirtilmişse, benzer şekilde, resmin yüksekliği oranları koruyacak şekilde ayarlanır. Hem genişlik hem de yükseklik belirtilmişse, resmin oranları bozulabilir (ya da tahmin ettiğiniz gibi bozulmayabilir). Genişlik veya yükseklik (veya her ikisi birlikte) gerçek boyuttan daha büyükse, resim büyütülür ancak kalite kaybı yaşanır.
Resimlerin genişlik ve yüksekliklerinin özniteliklerde belirtilmesi tavsiye edilir - bu durumda tarayıcı görüntüleri daha hızlı yükleyecektir çünkü her resmin boyutunu aldıktan sonra hesaplaması gerekmez.
Gereksiz yere resmin gerçek boyutlarının
küçültülmesi önerilmez. Ö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
gibi görünecek, ancak bin pikselin tamamı kadar
bir boyuta sahip olacak ve dolayısıyla çok daha
yavaş yüklenecektir.
Çalışma örnekleri için buraya bakın:
img etiketi.