خصوصیت max-height
تعریف و کاربرد
با استفاده از خصوصیت می توان حداکثر ارتفاع یک عنصر را مشخص کرد.
تنظیم این خصوصیت باعث می شود مقدار ارتفاع از 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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS height/width (بیاموز CSS)
min-height (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6988
دیدگاه‌ها
سلام و خسته نباشید. از بابت زحمتهاتون هم سپاسگزاریم. من مفهوم چهار تا خاصیت max-height و max-width , min-height,min- width رو نمی فهمم که به چه دردی میخورن و چرا باید این خصوصبت ها رو تعریف کنیم واسه المانمون... میشه یکم بیشتر این چهار تاررو بهم توضیح بدین؟ ممنون از لطف شما.
سلام
اگر به همین جعبه ی نظر دهی در سایت بیاموز دقت کنید کاربرد min-height رو متوجه خواهید شد. همون طور که هنگام نظر دادن، مشاهده می کنید، جعبه ی نظر دهی بیاموز به اندازه ی 30 یا 40 پیکسل باز هستش، این یعنی min-height اون برابر با 40 پیکسل هست. اما شما می توانید هرچقدر که دلتون میخاد ارتفاع این جعبه رو بزرگتر کنید. این نشون میده که خاصیت max-height برای اون تعریف نشده است. اگر برای اون max-height تنظیم کنید، کاربر نمیتونه این جعبه رو هر چقدر که دلش میخاد بزرگ کنه. حالا خاصیت های min-width و max-width هم به طور مشابه عمل می کنند.