کلاس پیشنهادی:

موضوع Image DOM HTML

ویژگی ارتفاع تصویر

تعریف و استفاده height مقدار آن. تنظیم یا بازگشت ارتفاع تصویر

مقدار آن. ویژگی height

تعیین ارتفاع تصویر.

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

مثال

مثال 1

تغییر ارتفاع تصویر به 300px:

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

مثال 3

تغییر ارتفاع و عرض تصویر به ترتیب به 300px و 450px:

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

آزمایش کنید

مثال 4

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

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

آزمایش کنید

نحوه استفاده

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

imageObject.height

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

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

مقدار خاصیت

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

جزئیات فنی

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

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

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

صفحات مرتبط

دستورالعمل HTML:خصوصیت height <img> HTML

موضوع Image DOM HTML