Width-kenmerk
Die width-kenmerk spesifiseer die wydte van 'n prent
wat deur die img-tag
gedefinieër is.
Tans is hierdie kenmerk slegs toegelaat vir
prente,
iframe,
video
en sommige ander tags.
Dit is toegelaat om waardes in pixels of persentasies te spesifiseer. As die grootte in persentasies gespesifiseer word, sal dit van die ouer se wydte geneem word. As die grootte in pixels gespesifiseer word, word eenhede nie aangedui nie.
As 'n prent nie wydte of hoogte het nie, sal die prent sy werklike grootte hê. As hoogte gespesifiseer is, sal die prent die gespesifiseerde hoogte hê, en die wydte sal aangepas word sodat die verhoudings nie vervorm word nie. As slegs wydte gespesifiseer is, - op 'n soortgelyke manier sal die prent se hoogte aangepas word om die verhoudings te behou. As beide wydte en hoogte gespesifiseer is, kan die prent se verhoudings vervorm word (of dalk nie, raai maar). As die wydte of hoogte (of albei saam) groter is as die werklike grootte - sal die prent vergroot, maar kwaliteit sal verloor.
Daar word aanbeveel om wydte en hoogte van prente in kenmerke te spesifiseer - op hierdie manier sal die blaaier vinniger beelde laai - dit hoef nie die grootte van elke prent te bereken na ontvangs nie.
Dit word nie aanbeveel om die werklike
afmetings van 'n prent onnodig te verklein nie. Byvoorbeeld,
die werklike grootte van 'n prent is 1000 by 1000
pixels, en jy spesifiseer 'n wydte van 100px.
In hierdie geval sal die prent op die skerm na
100 pixels lyk, maar die grootte hê
van die volle duisend en gevolglik baie langer
laai.
Kyk na voorbeelde hier:
img-tag.
