Rasm kengligi HTMLda
Standart tarzda rasmlar o'zining haqiqiy
o'lchami bilan ko'rsatiladi. Masalan, yuqorida chiqargan
bizning kulgi surati haqiqiy o'lchami
130 dan 130
pikselga teng va brauzerdagi rasm ham aynan shu
o'lchamda ko'rinadi.
Istasangiz, rasm o'lchamini o'zgartirishingiz mumkin,
unga kenglik berish orqali. Buning uchun
width atributi ishlatiladi.
Keling, misol tariqasida bizning rasmmizga
kenglik 100 piksel beraylik. Buning uchun
width atributi qiymatiga 100 sonini
ko'rsatamiz, mana shunday:
width="100"
Ekranda rasm qanday o'lchamda bo'ladi?
Shunday deb o'ylashingiz mumkin: kengligi 100
piksel, biz belgilagandek, va haqiqiy balandligi
130, chunki biz uni belgilamadik. Ammo,
aslida, bunday bo'lmaydi.
Kengligi haqiqatan ham 100 piksel bo'ladi,
lekin balandlik esa rasm nisbatlari buzilmasligi
uchun moslanadi, ya'ni 100 pikselga teng bo'ladi.
Keling, ishga tushiramiz va bunga ishonch hosil qilaylik:
<img src="smile.png" width="100">
:
Rasmngizga kenglikni 300
pikselga o'rnating.
