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