سبد (0)

تبلیغات

خصوصیت max-height

مثال (خصوصیت max-height)

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

p
{
max-height:50px;
}
خودتان امتحان کنید »

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

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

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

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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)

دیدگاه‌ها  

0 # nasrinhamzelou 1395-09-27 07:42
سلام و خسته نباشید. از بابت زحمتهاتون هم سپاسگزاریم. من مفهوم چهار تا خاصیت max-height و max-width , min-height,min- width رو نمی فهمم که به چه دردی میخورن و چرا باید این خصوصبت ها رو تعریف کنیم واسه المانمون... میشه یکم بیشتر این چهار تاررو بهم توضیح بدین؟ ممنون از لطف شما.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1395-09-27 16:37
سلام
اگر به همین جعبه ی نظر دهی در سایت بیاموز دقت کنید کاربرد min-height رو متوجه خواهید شد. همون طور که هنگام نظر دادن، مشاهده می کنید، جعبه ی نظر دهی بیاموز به اندازه ی 30 یا 40 پیکسل باز هستش، این یعنی min-height اون برابر با 40 پیکسل هست. اما شما می توانید هرچقدر که دلتون میخاد ارتفاع این جعبه رو بزرگتر کنید. این نشون میده که خاصیت max-height برای اون تعریف نشده است. اگر برای اون max-height تنظیم کنید، کاربر نمیتونه این جعبه رو هر چقدر که دلش میخاد بزرگ کنه. حالا خاصیت های min-width و max-width هم به طور مشابه عمل می کنند.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی