خصائص الارتفاع Style

التعريف والاستخدام

height ضبط أو استرجاع الارتفاع للعنصر.

height الخصائص تنطبق فقط على العناصر الديناميكية أو العناصر التي لها موقع مطلق أو ثابت. يمكن استخدام محتويات التدفق الزائد خصائص التدفق الزائد للعمل.

نصيحة:استخدم خصائص عرض ضبط أو استرجاع عرض العنصر.

انظر أيضًا:

دليل CSS التعليمي:CSS Dimension

دليل CSS التعليمي:نموذج الصندوق CSS

دليل CSSخصائص الارتفاع

مثال

مثال 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);

جرب بنفسك

النحو

استرجاع خصائص الارتفاع:

object.style.height

ضبط خصائص الارتفاع:

object.style.height = "auto|length|%|initial|inherit"

قيمة الخاصية

القيمة وصف
auto ضبط الارتفاع بواسطة المتصفح. افتراضي.
length تحديد الارتفاع باستخدام وحدة القياس.
% تحديد الارتفاع باستخدام نسبة العنصر الأم.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. انظر initial.
inherit يرث هذا الخصائص من العنصر الأم. انظر inherit.

تفاصيل تقنية

القيمة الافتراضية: auto
القيمة المطلوبة: سلسلة من الأحرف، تعبر عن طول العنصر.
إصدار CSS: CSS1

دعم المتصفح

كروم إدج فايرفوكس Safari Opera
كروم إدج فايرفوكس Safari Opera
الدعم الدعم الدعم الدعم الدعم