English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS

دليل الخاصيات CSS الكامل

استخدام خاصية min-width CSS و مثال

تحديد min-width CSS الخاص بالمحتوى المحدد للعنصر. هذا العرض الأدنى لا يشمل الحشوات، الحواف أو الهوامش - يرجى الرجوع إلىنموذج الصندوق CSS.

جدول التالي يوضح استخدام الخاصية هذه و سجلات إصداراتها، وكذلك استخدام الخاصية في لغة الجافا سكربت.

القيمة الافتراضية:0
يُستخدم مع:جميع العناصر باستثناء العناصر المحورية غير المتبدلة، والصفوف والجماعات، وما إلى ذلك
الوراثة:لا
التحكم في الرسوم المتحركة:نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:CSS 2،3
جافا سكربت:object.style.minWidth="10px"

قواعد استخدام min-width

قواعد اللغة الخاصة بهذه الخاصية هي:

min-width: length | percentage | initial | inherit

في المثال التالي، يتم عرض كيفية استخدام خاصية min-width.

  p  {
   min-width: 500px;
  }
  div  {
   min-width: 800px;
  }
تجربة عرض‹/›

قيمة الخاصية

جدول التالي يصف القيم الخاصة بهذه الخاصية.

القيمةوصف
lengthعرض أقل محدد، بالبكسل، البوصة، السنتيمتر، الإمتر، وما إلى ذلك. لا يُسمح باستخدام القيم السلبية.
percentageتحديد أقل عرض (بالمئة). يتم حساب المئة بالنسبة إلى عرض عنصر التحويه.
initialاعتماد هذه الخاصية على قيمتها الافتراضية.
inheritإذا تم تحديد، فإن العناصر المرتبطة تستخدم قيمة الخاصية min-width للعنصر الأب.

توافق المتصفحات

توافق المتصفحات لميزة min-width الخاصة بالخصائص، الأرقام في الجدول التالي تعكس أحدث إصدار من المتصفحات التي تدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

قراءة إضافية

يرجى الرجوع إلى الدروس المتعلقة بالمواد التالية:نموذج الصندوق CSS,حجم CSS.

خصائص ذات صلة:width,max-width.