خاصية CSS max-width
مثال
اضبط الحد الأقصى لعرض العنصر <p> على 150 بكسل:
p.ex1 {
max-width: 150px;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تحدد الخاصية الحد max-width
الأقصى لعرض العنصر.
إذا كان المحتوى أكبر من الحد الأقصى للعرض ، فسيقوم تلقائيًا بتغيير ارتفاع العنصر.
إذا كان المحتوى أصغر من الحد الأقصى للعرض ،
max-width
فلن يكون للخاصية أي تأثير.
ملاحظة: هذا يمنع قيمة
خاصية العرض من أن تصبح أكبر من
max-width
. تتجاوز قيمة
max-width
الخاصية خاصية العرض.
القيمة الافتراضية: | لا أحد |
---|---|
وارث: | رقم |
متحرك: | نعم ، انظر الخصائص الفردية . اقرأ عن animatable |
الإصدار: | CSS2 |
بناء جملة JavaScript: | الكائن .style.maxWidth = "600 بكسل" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
بنية CSS
max-width: none|length|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
مزيد من الأمثلة
مثال
اضبط الحد الأقصى لعرض العنصر <p> على 50٪ من الحاوية:
p.ex1 {
max-width: 50%;
}
الصفحات ذات الصلة
دروس CSS: ارتفاع وعرض CSS
مرجع CSS: خاصية min-width
مرجع DOM HTML: خاصية maxWidth