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