انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: الصناديق المرنة - فليكس بوكس في لغة CSS

CSS Flex Container حاوية flex box في لغة CSS

ستتعلم في هذا الدرس نظام بناء صفحات الويب بنظام flex box الصناديق المرنة - فليكس بوكس وهي من الأنظمة الأكثر مرونة, وهو نظام حديث لتقسم صفحات الويب ليجعلها متجاوبه مع جميع الاجهزة.

1 صفوف تعليمية
لغة CSS
10,507 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

flex box container حاوية الفليكس بوكس هي عبارة عن div أو أي عنصر أخر يحتوي علي عناصر داخلية ففي هذة الحالة يطلق عليه flex container بشرط أن تكون طريقة عرضة هي display:flex في لغة CSS.

CSS Create Flex Container

يتم إنشاء flex container عن طريق إضافة display:flex ولكي يظهر flex container علي المتصفح يجب أن يكون له عرض وطول وخلفية لون في لغة CSS.

جرّب بنفسك

CSS Create Flex Container

يتم إنشاء flex container عن طريق إضافة display:flex ولكي يظهر flex container علي المتصفح يجب أن يكون له عرض وطول وخلفية لون في لغة CSS.

HTML 
.flex-container
{
  display: flex;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
  height:100px;
}
جرّب بنفسك

جميع فقرات هذا الدرس (الصناديق المرنة - فليكس بوكس في لغة CSS)