CSS min-height الخاصية

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

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

شرح

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

انظر أيضًا:

دليل CSS:حجم CSS

دليل CSS:خاصية max-height

دليل HTML DOM:خاصية minHeight

مثال

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

p
  {
  min-height:100px;
  }

تجربة شخصية

جملة CSS

min-height: length|initial|تنقل;

قيمة الخاصية

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

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

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

TIY مثال

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

دعم المتصفح

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

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