استخدام خاصية max-height CSS والامثلة

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

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

قواعد اللغة الخاصة بـ max-height

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

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

المثال التالي يوضح كيفية استخدام خاصية max-height.

　　p　{
　　　max-height:　100px;
　　}
　　div　{
　　　height:　200px;
　　　max-height:　100px;
　　}

قيمة الخاصية

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

متاحية المتصفح

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

قراءة المزيد

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

خصائص ذات صلة:height،min-height。