ویژگی max-width CSS

تعریف و استفاده

max-width عرض بیشینه عنصر را تعریف می‌کند.

توضیح

این مقدار محدودیت بالایی برای عرض عنصر را تعیین می‌کند. بنابراین، عنصر می‌تواند باریک‌تر از مقدار مشخص شده باشد، اما نمی‌تواند پهنا بیشتری داشته باشد. مقدار منفی مجاز نیست.

لطفاً به:

آموزش CSS:ابعاد CSS

دستورالعمل CSS:ویژگی min-width CSS

دستورالعمل HTML DOM:ویژگی maxWidth

مثال

تنظیم عرض بیشینه پاراگراف:

p
  {
  max-width:100px;
  }

آزمایش کنید

قانون CSS

max-width: none|length|initial|inherit;

مقدار ویژگی

مقدار توضیح
none پیش‌فرض. تعریف بدون محدودیت برای عرض بیشینه عنصر.
length تعریف می‌کند مقدار عرض بیشینه عنصر.
% تعریف می‌کند که عرض بیشینه بر اساس عنصر بلوک شامل آن بر اساس درصد است.
inherit این باید مقدار max-width را از عنصر پدر به ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: none
ارث: no
نسخه: CSS2
قانون جاوااسکریپت: object.style.maxWidth="50px"

مثال عملی TIY

استفاده از مقیاس پیکسلی برای تنظیم عرض بیشینه عنصر
این مثال نحوه استفاده از مقیاس پیکسلی برای تنظیم ارتفاع بیشینه عنصر را نشان می‌دهد.
استفاده از درصد برای تنظیم عرض بیشینه عنصر
این مثال نحوه استفاده از درصد برای تنظیم ارتفاع بیشینه عنصر را نشان می‌دهد.

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0