Gjerësia e figurës në HTML

Si parazgjedhje, figurat shfaqen me madhësinë e tyre aktuale. Për shembull, ajo figurë me buzëqeshjen që kemi shfaqur më lart, ka madhësi aktuale 130 me 130 piksel dhe të njëjtën madhësi të figurës e shohim në shfletues.

Nëse dëshironi, mund të ndryshoni madhësinë e figurës, duke i caktuar asaj një gjerësi. Kjo bëhet me ndihmën e atributit width.

Le t'i caktojmë figurës sonë si shembull një gjerësi prej 100 pikselësh. Për këtë, si vlerë të atributit width do të caktojmë numrin 100, kështu:

Ç'madhsie do të ketë figura në ekran? Mund të mendoni se kështu: gjerësia 100 pikselësh, siç e kemi caktuar, dhe lartësia aktuale 130, pasi nuk e kemi caktuar atë. Në të vërtetë, nuk do të jetë kështu.

Gjerësia me të vërtetë do të jetë 100 pikselësh, por lartësia do të përshtatet në mënyrë që përmasat e figurës të mos shtrembërohen, domethënë do të bëhet gjithashtu 100 pikselësh.

Le ta ekzekutojmë dhe të bindemi për këtë:

: