ویژگی Style height
- صفحه قبلی fontSizeAdjust
- صفحه بعدی isolation
- برگشت به طبقه بالاتر اجزای HTML DOM Style
تعریف و استفاده
height ویژگی ارتفاع عنصر را تنظیم یا بازگرداند.
height این ویژگی تنها برای عناصر بلوکی یا دارای موقعیت مطلق یا ثابت معتبر است. محتوای نشتی می‌تواند با استفاده از ویژگی overflow برای عمل کردن استفاده کنید.
توضیح:لطفاً از ویژگی width تنظیم یا بازگشتی عرض عنصر.
لطفاً ببینید:
آموزش CSS:ابعاد CSS
آموزش CSS:مدل فریم CSS
دستورالعمل CSS:ویژگی height
مثال
مثال 1
ارتفاع عنصر <button> را تنظیم می‌کند:
document.getElementById("myBtn").style.height = "50px";
مثال 2
ارتفاع عنصر <div> را تغییر می‌دهد:
document.getElementById("myDIV").style.height = "500px";
مثال 3
ارتفاع و عرض عنصر <img> را تغییر می‌دهد:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
مثال 4
ارتفاع عنصر <img> را بازمی‌گرداند:
alert(document.getElementById("myImg").style.height);
جملات
بازگشتی ویژگی height:
اجسام.style.height
تنظیم ویژگی height:
اجسام.style.height = "auto|length|%|ابتدایی|وراثت"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| 자동 | ارتفاع تنظیم شده توسط مرورگر. پیش‌فرض. |
| length | ارتفاع را به عنوان واحد طول تعریف می‌کند. |
| % | ارتفاع را به عنوان درصد از عنصر والد تعریف می‌کند. |
| ابتدایی | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به ابتدایی. |
| وراثت | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به وراثت. |
جزئیات فنی
| مقدار پیش‌فرض: | 자동 |
|---|---|
| مقدار بازگشتی: | رشته‌ای که ارتفاع عنصر را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
مرورگر پشتیبانی می‌کند
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی fontSizeAdjust
- صفحه بعدی isolation
- برگشت به طبقه بالاتر اجزای HTML DOM Style
