خاصية ارتفاع النمط
مثال
اضبط ارتفاع عنصر <button>:
document.getElementById("myBtn").style.height = "50px";
التعريف والاستخدام
تحدد خاصية الارتفاع ارتفاع العنصر أو تعرضه.
تؤثر خاصية الارتفاع فقط على عناصر مستوى الكتلة أو على العناصر ذات الموضع المطلق أو الثابت. يمكن معالجة المحتوى الفائض بخاصية الفائض.
نصيحة: استخدم خاصية العرض لتعيين عرض عنصر أو إرجاعه.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إرجاع خاصية الارتفاع:
object.style.height
قم بتعيين خاصية الارتفاع:
object.style.height = "auto|length|%|initial|inherit"
قيم الملكية
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | تلقاءي |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل ارتفاع العنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
تغيير ارتفاع عنصر <div>:
document.getElementById("myDIV").style.height = "500px";
مثال
تغيير ارتفاع وعرض عنصر <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
مثال
إرجاع ارتفاع عنصر <img>:
alert(document.getElementById("myImg").style.height);
الصفحات ذات الصلة
دروس CSS: أبعاد CSS
دروس CSS: نموذج صندوق CSS
مرجع CSS: خاصية الارتفاع
❮ نمط الكائن