دليل CSS

قواعد CSS (RULES)

دليل خصائص CSS

استخدام خاصية min-height CSS وآلاف الأمثلة

خصائص min-height CSS تحدد الارتفاع الأدنى للمنطقة المحتوية على المحتوى للعنصر. هذا الارتفاع الأدنى لا يشمل الحشوات، الحواف أو الهوامش - يرجى الرجوع إلىنموذج الصندوق CSS.

جدول التالي يوضح وصف الاستخدام والتاريخ الإصداري لهذه الخاصية، بالإضافة إلى استخدامها في لغة الجافا سكربت.

القيمة الافتراضية:	0
تطبيق على:	باستثناء العناصر المدمجة غير المحللة، جميع العناصر خارج الصفوف والجماعات الصفوف
الوراثة:	لا
يمكنه الرسوم المتحركة:	نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:	CSS 2、3
جافا سكربت:	جسم.style.minHeight="100px"

نحو استخدام min-height

قواعد النحو الخاصة بهذه الخاصية هي:

min-height:　length | percentage | initial | inherit

في المثال أدناه، يتم عرض كيفية استخدام خاصية min-height.

مثال

　　p　{
　　　min-height:　100px;
　　}
　　div　{
　　　height:　200px;
　　　min-height:　300px;
　　}

جربها‹/›

قيمة الخاصية

جدول التالي يصف القيم الخاصة بهذه الخاصية.

القيمة	وصف
length	حدد الارتفاع الأدنى المحدد، باستخدام وحدات مثل px،pt،cm،em وما إلى ذلك. لا يسمح باستخدام القيم السلبية.
percentage	حدد الارتفاع الأدنى بالأرقام المئوية. يتم حساب النسبة المئوية بالنسبة إلى الارتفاع الخاص بالحاوية المضمnehة للعنصر. لا يسمح باستخدام القيم المئوية السلبية.
initial	قم بتعيين هذه الخاصية إلى قيمتها الافتراضية.
inherit	إذا تم تحديد هذا، فإن العناصر المرتبطة تستخدم قيمة الخاصية min-height للعنصر الأم.

مرونة البrowsers

مرونة خصائص min-height للبrowsers، الأرقام في الجدول التالي تمثل أحدث إصدار من البrowsers يدعم هذا الخاصية؛ جميع البrowsers الشائعة يدعمون هذه الخاصية.

	Firefox 1+ Google Chrome1+ Internet Explorer 7+ Apple Safari 1+ Opera 7+

قراءة متقدمة

يرجى الرجوع إلى الدروس المتعلقة بالمواد التالية:نموذج الصندوق CSS,حجم CSS.

خصائص ذات صلة:height,max-height.

خصائص min-width CSS خصائص max-width CSS