A width attribútum
A width attribútum a képek szélességét határozza meg,
amelyet az img
tag ad meg.
Jelenleg ez az attribútum csak
képek,
iframe,
video
és néhány más tag esetén használható.
A értékek megadása pixelben vagy százalékban megengedett. Ha a méretet százalékban adjuk meg, akkor a szülő elem szélességéből veszi. Ha a méretet pixelben adjuk meg, akkor a mértékegységet nem kell feltüntetni.
Ha egy képnek nincs megadva sem szélessége, sem magassága - a kép a valós méretével jelenik meg. Ha a magasság van megadva - a kép a megadott magasságú lesz, a szélessége pedig úgy igazodik, hogy az arányai ne legyenek torzítva. Ha csak a szélesség van megadva - hasonlóképpen, a kép a magassághoz igazodik, hogy megőrizze az arányait. Ha mind a szélesség, mind a magasság meg van adva - a kép arányai torzítottak lehetnek (de lehet, hogy nem, ezt nem tudhatod). Ha a szélesség vagy a magasság (vagy mindkettő együtt) nagyobb a valós méretnél - a kép megnagyobbodik, de minőségében romlik.
Javasolt a képek szélességét és magasságát attribútumokban megadni - ebben az esetben a böngésző gyorsabban tölti be a képeket - nincs szüksége minden egyes kép méretének kiszámítására a megérkezése után.
Nem ajánlott a valós
méreteket szükségtelenül csökkenteni. Például,
a kép valós mérete 1000 x 1000
pixel, te pedig 100px szélességet adsz meg neki.
Ebben az esetben a kép a képernyőn
100 pixel szélesnek fog látszódni,
de a mérete az eredeti ezer pixel lesz és, ennek megfelelően, sokkal tovább
fog betölteni.
A használati példákért lásd:
img tag.
