خصائص الحد الأقصى لارتفاع الكتلة

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

يحدد خاصية maxHeight الارتفاع الأقصى للعنصر.

شرح

سيقوم هذا القيمة الخاصية بوضع حد أقصى لارتفاع العنصر. لذلك، يمكن للعنصر أن يكون أقل من القيمة المحددة، ولكن لا يمكن أن يكون أعلى منها. لا يُسمح بتحديد القيم السلبية.

ملاحظة:لا يشمل خاصية max-height الهوامش والجوانب والتنسيقات الداخلية.

انظر أيضًا:

دليل CSSحجم CSS

دليل CSSخصائص min-height

دليل HTML DOMخصائص maxHeight

مثال

تعيين الارتفاع الأقصى للفقرة:

p
  {
  max-height:100px;
  }

تجربة شخصية

جملة CSS

max-height: none|length|initial|inherit;

قيمة الخاصية

القيمة الوصف
لا شيء افتراضي. يحدد عدم وجود قيود على الارتفاع الأقصى للعنصر المسموح به.
length تعريف الارتفاع الأقصى للعنصر.
% تعريف بناءً على النسبة المئوية لارتفاع الهدف.
تنقل يحدد يجب أن يستمر من عنصر الأب max-height الخاصية القيمة.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
تنقل: لا
الإصدار: CSS2
جافا سكربت الجملة: object.style.maxHeight="50px"

TIY مثال

تعيين الارتفاع الأقصى للعنصر
هذا المثال يوضح كيفية تعيين الارتفاع الأقصى لعدد من العناصر.

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0