ویژگی عرض تصویر

شیء Ins DOM HTML

تعریف و استفاده

width تنظیم یا بازگشت عرض تصویر ویژگی width مقدار.

ویژگی width در HTML تعیین می‌کند عرض تصویر.

این ویژگی همچنین می‌تواند عرض تصویری که از CSS تنظیم شده است را بازگرداند (لطفاً به مثال زیر مراجعه کنید).

توجه:لطفاً از ویژگی height تنظیم یا بازگشت عرض و ارتفاع تصویر ویژگی height مقدار.

مثال

مثال 1

عوض کردن عرض تصویر به 450px:

document.getElementById("myImg").width = "450";

آزمایش کنید

مثال 2

بازگشت عرض تصویر:

var x = document.getElementById("myImg").width;

آزمایش کنید

مثال 3

عوض کردن ارتفاع و عرض تصویر به ترتیب به 300px و 450px:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

آزمایش کنید

مثال 4

بازگشت عرض تصویر استفاده شده از CSS:

var x = document.getElementById("myImg").width;

آزمایش کنید

نحوه استفاده

بازگشت ویژگی width:

imageObject.width

تنظیم ویژگی width:

imageObject.width = پیکسل‌ها

مقدار ویژگی

مقدار توضیح
پیکسل‌ها عرض به پیکسل (مثلاً width="100").

جزئیات فنی

مقدار بازگشتی: عدد، که عرض تصویر را به پیکسل نشان می‌دهد.

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

دستورالعمل HTML:ویژگی width <img> HTML

شیء Ins DOM HTML