CSS Max Width
خاصية max-width للتحكم في أقصي عرض للعنصر بلغة CSS
ستتعلم في هذا الدرس التحكم في أقصي عرض لعناصر HTML بأستخدام خاصية max-width في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Max Width
خاصية max-width للتحكم في أقصي عرض للعنصر بلغة CSS
</>
CSS Max Width
خاصية max-width للتحكم في أقصي عرض للعنصر بلغة CSS
تستخدم خاصية max-width في ضبط + التحكم في أقصي عرض لعناصر HTML علي المتُصفح بلغة CSS, لو زاد حجم محتوي العنصر علي أقصي عرض للعنصر max-wdith بشكل تلقائي يتم تغيير طول العنصر لأن المحتوي النصي يتمدد للأسفل.
- لو المحتوي أقل من عرض العنصر فأن خاصية max-width لا تؤثر علي العنصر ويكون ليس لها وظيفة في هذة الحالة.
- في حال أن للعنصر عرض بخاصية width أكبر من خاصية max-width فأن العرض الُمحدد بخاصية max-width يكون هو الزي له تأثير علي العنصر ويلغي العرض المٌحدد بخاصية width.
قيم خاصية max-width في لغة CSS:
- none هي الوضع الأفتراضي وأن العنصر ليس له حد أقصي للعرض ويعمل فقط بخاصية width.
- length ضبط أقصي عرض للعنصر بوحدات مختلفة مثل px,cm,em,rem.
- percentage ضبط أقصي عرض للعنصر بالنسبة المئوية % علي حسب العنصر الأب parent.
CSS max-width syntax
طريقة كتابة خاصية max-width في لغة CSS.
max-width:value;
CSS max-width values
قيم خاصية max-width في لغة CSS.
max-width:none|length|initial|inherit;
</>
CSS max-width none
خاصية max-width مع القيمة none في لغة CSS
CSS max width none
خاصية max-width والقيمة none في لغة CSS.
p
{
max-width:none;
border: 1px solid red;
}
</>
CSS max-width length
خاصية max-width مع القيمة length في لغة CSS
CSS max width length
خاصية max-width والقيمة length في لغة CSS.
.max
{
max-width:300px;
border: 1px solid red;
}
</>
CSS max width percentage
خاصية max-width مع القيمة percentage في لغة CSS
CSS max width percentage
خاصية max-width والقيمة percentage في لغة CSS.
p
{
max-width:10%;
border: 1px solid red;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
