خصوصیت max-width
تعریف و کاربرد
با استفاده از خصوصیت max-width می توان حداکثر عرض یک عنصر را مشخص کرد.
تنظیم این خصوصیت باعث می شود مقدار ارتفاع از max-width بیشتر نشود.
توجه: مقدار خصوصیت max-width مقدار خصوصیت width را لغو می کند.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.maxWidth="100px" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت max-width را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 6 و نسخه های قبلی آن، تنظیم max-width برای یک عنصر را پشتیبانی نمی کند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| none | مقداری برای حداکثر عرض تنظیم نشده است. این پیش فرض است. | نمایش دادن » |
| length | حداکثر ارتفاع به پیکسل، یا سانتی متر و .... تنظیم می شود. | نمایش دادن » |
| % | حداکقر ارتفاع به صورت درصدی از عنصر والدش تنظیم می شود. | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS height/width (بیاموز CSS)
min-height (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 8432