Kuvan leveys ja korkeus HTML:ssä
Jos asetat sekä leveyden että korkeuden samanaikaisesti,
kuva voi vääristyä. Esimerkiksi, jos
asetat leveydeksi 100 pikseliä ja korkeudeksi
70px, meidän hymiöstämme tulee venynyt
leveyssuunnassa:
<img src="smile.png" width="100" height="70">
:
Kuva ei välttämättä vääristy, sillä me
voimme yksinkertaisesti asettaa sekä leveyden että korkeuden
100 pikseliä, tässä tapauksessa kuvastamme
tulee pienempi kuin se oli (oli 130),
mutta sen mittasuhteet eivät vääristy:
<img src="smile.png" width="100" height="100">
:
Aseta kuvallesi leveys ja korkeus siten, että kuvan mittasuhteet vääristyvät.
Aseta kuvallesi leveys ja korkeus siten, että kuvan mittasuhteet EIVÄT vääristy.
