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

CSS flex justify content flex start خاصية justify-content مع القيمة flex-start في لغة CSS

سوف تتعلم في هذا الدرس خاصية  justify-content في لغة CSS ووظيفيتها وكيفية إستخدامها مع حاويات flex box وجميع القيم الخاصة بها.

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

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

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

تستخدم خاصية justify-content مع القيمة flex-start في لغة CSS لعرض العناصر الداخلية لحاوية flex box في البداية من اليسار إلي اليمين إذا كانت الحاوية غير عكسية.

جرّب بنفسك

CSS flex justify content flex start

خاصية justify-content مع القيمة flex-start في لغة CSS.

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

جميع فقرات هذا الدرس (خاصية في justify-content مع flex box لغة CSS)