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;

هام

إذا لم يكن العنصر هو عنصر flex box item فان خاصية flex-basis قد لا تؤثر علي العنصر ولا تعمل مطلقاً في لغة CSS.

</> 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

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

CSS Flex Basis
خاصية flex-basis مع flex box في لغة CSS

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات CSS Flex Basis CSS