خصوصیت max-height

مثال

تنظیم حداکثر ارتفاع پاراگراف:

p
{
max-height:50px;
}

تعریف و کاربرد

با استفاده از خصوصیت  می توان حداکثر ارتفاع یک عنصر را مشخص کرد.

تنظیم این خصوصیت باعث می شود مقدار ارتفاع از max-height بیشتر نشود.

توجه: مقدار خصوصیت max-height مقدار خصوصیت height را لغو می کند.

مقدار پیشفرض none
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.maxHeight="10px"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت max-height را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 6 و نسخه های قبلی آن، تنظیم max-height برای یک عنصر را پشتیبانی نمی کند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
none مقداری برای حداکثر ارتفاع تنظیم نشده است. این پیش فرض است.
length  حداکثر ارتفاع به پیکسل، یا سانتی متر و .... تنظیم می شود.
% حداکقر ارتفاع به صورت درصدی از عنصر والدش تنظیم می شود.  
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.