Atributas width
Atributas width nustato paveikslėlio plotį,
kuris nustatytas tag'u
img.
Šiuo metu šį atributą leistina
naudoti tik paveikslėliams,
iframe,
video
ir kai kuriems kitiems tag'ams.
Leidžiama nurodyti reikšmes pikseliais ar procentais. Jei dydis nustatomas procentais, jis bus imamas iš tėvinio elemento pločio. Jei dydis nustatomas pikseliais, matavimo vienetai nenurodomi.
Jei paveikslėliui nenustatytas nei plotis, nei aukštis - paveikslėlis turės savo realų dydį. Jei nustatytas aukštis - paveikslėlis įgaus nustatytą aukštį, o plotis prisitaikys taip, kad jo proporcijos nebūtų iškraipytos. Jei nustatytas tik plotis - analogiškai, paveikslėlis prisitaikys pagal aukštį taip, kad išlaikytų proporcijas. Jei nustatytas ir plotis, ir aukštis - paveikslėlio proporcijos gali būti iškraipytos (arba ir ne, kaip atspėsite). Jei plotis ar aukštis (arba abu kartu) yra didesni už realų - paveikslėlis padidės, bet praras kokybę.
Rekomenduojama nustatyti plotį ir aukštį paveikslėliams atributuose - tokiu atveju naršyklė greičiau įkels vaizdus - jai nereikia skaičiuoti kiekvieno paveikslėlio dydžio po jo gavimo.
Nerekomenduojama mažinti realius
paveikslėlio dydžius be reikalo. Pavyzdžiui,
realus paveikslėlio dydis 1000 x 1000
pikselių, o jūs nustatysite jam plotį 100px.
Tokiu atveju paveikslėlis ekrane atrodys
100 pikselių, tačiau turės dydį
visą tūkstantį ir, atitinkamai, įsikels
žymiai lėčiau.
Darbo pavyzdžius žiūrėkite čia:
tag'as img.