سمة عرض <img> HTML
مثال
صورة بارتفاع 600 بكسل وعرض 500 بكسل:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
تحدد السمة widthعرض الصورة بالبكسل.
نصيحة: حدد دائمًا كلاً من heightسمات
widthالصور. إذا تم ضبط الارتفاع والعرض ، يتم حجز المساحة المطلوبة للصورة عند تحميل الصفحة. ومع ذلك ، بدون هذه السمات ، لا يعرف المتصفح حجم الصورة ، ولا يمكنه حجز المساحة المناسبة لها. سيكون التأثير هو أن تخطيط الصفحة سيتغير أثناء التحميل (أثناء تحميل الصور).
نصيحة: يؤدي تصغير حجم صورة كبيرة باستخدام السمات
heightو widthإلى إجبار المستخدم على تنزيل الصورة الكبيرة (حتى لو كانت تبدو صغيرة على الصفحة). لتجنب ذلك ، قم بإعادة قياس الصورة باستخدام أحد البرامج قبل استخدامها على الصفحة.
دعم المتصفح
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
<img width="pixels">
قيم السمات
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ علامة HTML <img>