خصائص الحد الأقصى للحجم الافقية للعنصر لـ CSS

التعريف والاستخدام

يحدد max-width العرض الأقصى للعنصر.

الشرح

سيضع هذا قيمة الخاصية على عرض العنصر حد أقصى. لذلك، يمكن أن يكون العنصر أضيق من القيمة المحددة،但不能 أوسع. لا يُسمح بتحديد قيمة سالبة.

انظر أيضًا:

دليل CSSحجم CSS

دليل CSSخصائص الحد الأدنى للحجم الافقية للعنصر لـ CSS

دليل HTML DOMخصائص maxWidth

مثال

ضبط العرض الأقصى للفقرة:

p
  {
  max-width:100px;
  }

تجربة شخصية

نحو CSS

max-width: لا شيء|length|بدءاً من|وراثة;

قيمة الخاصية

القيمة الوصف
لا شيء افتراضي. يحدد عدم وجود محدودية للعرض الأقصى للعنصر.
length يحدد قيمة العرض الأقصى للعنصر.
% يحدد النسبة المئوية الأقصى للعرض للعنصر القائم على العنصر الركن الذي يحتوي عليه.
وراثة يحدد أن max-width يجب أن يُورث قيمته من عنصر الأب.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
تنحيب: لا
الإصدار: CSS2
جافا سكربت النحو: object.style.maxWidth="50px"

TIY مثال

استخدام قيمة البكسل لضبط العرض الأقصى للعنصر
هذا المثال يوضح كيفية استخدام قيمة البكسل لضبط الارتفاع الأقصى للعنصر.
استخدام النسبة المئوية لضبط العرض الأقصى للعنصر
هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط الارتفاع الأقصى للعنصر.

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم هذه الخاصية بالكامل.

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