دليل مرجعي لـ HTML

مجموعة عناصر HTML

HTML: خاصية الـ width في <img>

تُحدد خاصية width عرض الصورة بكوحدة البكسل.

مثال على الإنترنت

صورة عالية وسعة 30 بكسل:

مثال

<!DOCTYPE html>
<html>
<head>
<title>HTML: <img> خاصية الـ width - موقع تعليمي أساسي oldtoolbag.com</title>
<body>
<img src="haha.gif" alt="وجه haha" width="30" height="30">
</body>
</html>

اختبار النظر

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة خاصية width.

تُحدد خاصية width عرض الصورة بكوحدة البكسل.

نصيحة:تأكد من تحديد دائمًا كلا خاصيتي الارتفاع والعرض للصورة. إذا تم تعيين الارتفاع والعرض، فإن مساحة اللازمة للصورة تُحافظ عليها عند تحميل الصفحة. ولكن إذا لم يتم تعيين هذه الخاصيات، فإن المتصفح لا يعرف حجم الصورة ولا يمكنه احتساب المساحة اللازمة، مما يؤدي إلى تغيير تصميم الصفحة أثناء عملية التحميل (عند تحميل الصورة).

نصيحة:استخدام خاصية height و width لتقليل حجم الصورة الكبيرة سيجعل المستخدمين تنزيل الصورة الكبيرة (حتى إذا كانت تبدو صغيرة على الصفحة). لتجنب هذا، قم بتشغيل البرنامج لتقليل حجم الصورة قبل استخدام الصفحة.

الفرق بين HTML 4.01 و HTML5

في HTML 4.01، يجب تحديد العرض كوحدة بكسل أو كنسبة مئوية للاعتماد على العنصر. في HTML5، يجب أن تكون قيمة العرض كوحدة بكسل.

النحو

<img width="البكسل">

قيمة الخاصية

القيمة	الوصف
البكسل	عرض عرض بالبكسل (مثل width="100")

　HTML <img> العلامة

HTML: <template> العلامة