سبد (0)

خصوصیت max-width

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

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

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

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

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

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

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه