CSS max-height属性

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

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

شرح

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

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

انظر أيضًا:

دليل CSSحجم CSS

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

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

مثال

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

p
  {
  max-height:100px;
  }

جرب بنفسك

جملة CSS

max-height: لا شيء|length|initial|تنقل;

قيمة الخاصية

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

تفاصيل تقنية

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

TIY مثال

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

دعم المتصفح

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

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