Height-attribuutti
Attribuutti height asettaa kuvan korkeuden,
joka on määritelty
img-tagilla.
Nykyään tätä attribuuttia saa käyttää vain
kuville,
iframe-elementeille,
video-elementeille
ja joillakin muilla tageilla.
Arvoja saa ilmoittaa pikseleinä tai prosentteina. Jos koko annetaan prosentteina, ne lasketaan vanhemman elementin leveydestä. Jos koko annetaan pikseleinä, mittayksikköä ei ilmoiteta.
Jos kuvalle ei ole asetettu leveyttä eikä korkeutta - kuva näytetään sen todellisessa koossa. Jos korkeus on asetettu - kuvan korkeus asetetaan annettuun arvoon, ja leveys sopeutuu niin, että sen mittasuhteet eivät vääristy. Jos vain leveys on asetettu - vastaavasti kuvan korkeus sopeutuu säilyttääkseen mittasuhteet. Jos on asetettu molemmat, leveys ja korkeus - kuvan mittasuhteet voivat vääristyä (tai eivät, osaatko arvata). Jos leveys tai korkeus (tai molemmat yhdessä) ovat suurempia kuin todellinen koko - kuva suurenee, mutta menettää laatuaan.
On suositeltavaa asettaa kuvien leveys ja korkeus attribuuteissa - tällöin selain lataa kuvat nopeammin - sillä ei tarvitse laskea kunkin kuvan kokoa sen saamisen jälkeen.
Ei ole suositeltavaa pienentää kuvien todellisia kokoa
tarpeettomasti. Esimerkiksi kuvan todellinen
koko on 1000 kertaa 1000
pikseliä, ja asetat sille leveyden 100px.
Tällöin kuva näyttää näytöllä
100 pikselin levyiseltä, mutta sen koko on
vielä tuhat ja vastaavasti se latautuu
paljon hitaammin.
Katso esimerkkejä käytöstä täältä:
tagi img.
