ویژگی min-width CSS

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

min-width ویژگی‌ای که عرض کمینه عنصر را تنظیم می‌کند.

توضیح

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

لطفاً به:

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

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

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

مثال

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

p
  {
  min-width:100px;
  }

آزمایش شخصی

قانون CSS

min-width: length|initial|inherit;

مقدار ویژگی

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

جزئیات فنی

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

مثال عملی TIY

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

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

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

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