Kép szélessége HTML-ben
Alapértelmezés szerint a képek a valós
méretükkel jelennek meg. Például az a szmájli kép,
amit korábban megjelenítettünk, valós mérete
130 x 130
pixel, és ekkora méretet is látunk a böngészőben.
Szükség esetén megváltoztathatjuk a kép méretét
szélesség megadásával. Ez a
width attribútummal tehető meg.
Példaként állítsuk be a képünk szélességét
100 pixelre. Ehhez az attribútum értékeként
adjuk meg a 100 számot,
így:
width="100"
Mekkora lesz a kép mérete a képernyőn?
Az gondolhatnánk, hogy a következő: szélesség 100
pixel, ahogy megadtuk, és a valós magasság
130, mivel azt nem adtuk meg.
Valójában ez nem így lesz.
A szélesség valóban 100 pixel
lesz,
a magasság viszont úgy igazodik, hogy a kép
aránya ne torzuljon, azaz szintén
100 pixel lesz.
Futtassuk le és győződjünk meg erről:
<img src="smile.png" width="100">
:
Állítsa be a képének szélességét 300
pixelre.
