Width atributi
width atributi
img tegi
orqali belgilangan rasmning kengligini belgilaydi.
Hozirgi vaqtda bu atributni faqat
rasmlar,
iframe,
video
va boshqa ba'zi teglar uchun qo'llash mumkin.
Qiymatlarni piksellar yoki foizlarda ko'rsatish mumkin. Foizlarda o'lcham belgilanganda, u ota elementning kengligidan olinadi. Piksellarda o'lcham belgilanganda, o'lchov birliklari ko'rsatilmaydi.
Agar rasm uchun na kenglik, na balandlik belgilanmagan bo'lsa - rasm o'zining haqiqiy o'lchamida bo'ladi. Agar balandlik belgilangan bo'lsa - rasm belgilangan balandlikka ega bo'ladi, kengligi esa nisbatlar buzilmasligi uchun moslashadi. Agar faqat kenglik belgilangan bo'lsa - xuddi shunday, rasm nisbatlarni saqlash uchun balandligi bo'yicha moslashadi. Agar ham kenglik, ham balandlik belgilangan bo'lsa - rasmning nisbatlari buzilishi mumkin (yoki bo'lmasligi ham mumkin, taxmin qilishingizga bog'liq). Agar kenglik yoki balandlik (yoki ikkalasi birga) haqiqiydan katta bo'lsa - rasm kattalashadi, lekin sifati yo'qoladi.
Rasmlarga kenglik va balandlikni atributlarda belgilash tavsiya etiladi - bu holda brauzer rasmlarni tezroq yuklaydi - uning uchun har bir rasmning o'lchamini olishdan keyin hisoblash hojati yo'q.
Rasmning haqiqiy o'lchamlarini zaruratsiz qisqartirish tavsiya etilmaydi.
Misol uchun, rasmning haqiqiy o'lchami 1000 dan 1000 piksel, siz esa unga 100px kenglik belgilaysiz.
Bu holda rasm ekranda 100 pikselda ko'rinadi, ammo butun minglik o'lchamga ega bo'ladi va shu sababli ancha sekin yuklanadi.
Ishlash misollarini bu yerda ko'ring:
img tegi.
