خاصية عرض الصورة
مثال
غيّر عرض الصورة إلى 300 بكسل:
document.getElementById("myImg").width = "300";
التعريف والاستخدام
تقوم خاصية العرض بتعيين أو إرجاع قيمة سمة العرض للصورة.
تحدد سمة العرض عرض الصورة.
يمكن لهذه الخاصية أيضًا إرجاع عرض الصورة المصممة باستخدام CSS (انظر المزيد من الأمثلة).
نصيحة: استخدم خاصية الارتفاع لتعيين أو إرجاع قيمة سمة ارتفاع الصورة.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع خاصية العرض:
imageObject.width
قم بتعيين خاصية العرض:
imageObject.width = pixels
قيم الملكية
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل عرض الصورة بالبكسل |
---|
مزيد من الأمثلة
مثال
إعادة عرض الصورة:
var x = document.getElementById("myImg").width;
مثال
غيّر ارتفاع الصورة وعرضها إلى 300 بكسل:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
مثال
قم بإرجاع عرض الصورة المصممة باستخدام CSS:
var x = document.getElementById("myImg").width;
الصفحات ذات الصلة
مرجع HTML: سمة عرض <img> HTML
❮ كائن الصورة