CSS Flex Basis
خاصية flex-basis مع flex box في لغة CSS
سوف تتعلم في هذا الدرس خاصية flex-basis في لغة CSS ووظيفيتها وكيفية استخدامها مع عناصر حاوية flex box وجميع القيم الخاصة بها.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Flex Basis
خاصية flex-basis مع flex box في لغة CSS
</>
CSS Flex Basis
خاصية flex-basis مع flex box في لغة CSS
تستخدم خاصية flex-basis مع العناصر الداخلية لحاوية flex box في لغة CSS لتحديد الأمتداد المبدئي لعنصر أو عناصر حاوية flex
قيم خاصية flex-basis في لغة CSS:
- number وحدة الامتداد, وتكون عادة نسبة مئوية أو بوحدة البيكسل لتحدد حجم مبدئي لعناصر حاوية flex box.
- auto وهي القيمة الأفتراضية. وحجم الأمتداد المبدئي يساوي حجم الأمتداد المبدئية لبقية عناصر الحاوية بدون حجم ثابت ويعتمد علي المحتوي الداخلي للعنصر.
CSS flex-basis syntax
طريقة كتابة خاصية flex-basis في لغة CSS.
flex-basis:value;
CSS flex-basis values
قيم خاصية flex-basis في لغة CSS.
flex-basis:number|auto|initial|inherit;
هام
</>
CSS Flex Basis number
خاصية flex-basis مع القيمة number في لغة CSS
تستخدم خاصية flex-basis مع flex items بداخل حاوية flex box في لغة CSS مع القيمة number لتحديد وحدة امتداد عنصر flex box, وتكون عادة نسبة مئوية أو بوحدة البيكسل لتحدد حجم مبدئي لعنصر حاوية flex box.
CSS Flex Basis number
خاصية flex-basis مع القيمة number في لغة CSS.
.five
{
flex-basis:250px;
}
</>
CSS Flex Basis auto
خاصية flex-basis مع القيمة auto في لغة CSS
تستخدم خاصية flex-basis مع flex items بداخل حاوية flex box في لغة CSS مع القيمة auto وهي القيمة الأفتراضية. وحجم الأمتداد المبدئي يساوي حجم الأمتداد المبدئية لبقية عناصر الحاوية بدون حجم ثابت ويعتمد علي المحتوي الداخلي للعنصر.
CSS Flex Basis auto
خاصية flex-basis مع القيمة auto في لغة CSS.
.five
{
flex-basis:auto;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
