فقرة فرعية #2 من درس: خاصية flex-direction في لغة CSS

CSS flex direction row خاصية flex-direction مع القيمة row في لغة CSS

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

1 صفوف تعليمية

لغة CSS

3,523 مشاهدة

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

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

تستخدم خاصية flex-direction مع القيمة row لعرض flex items بشكل افقي من اليسار لليمين وهو الوضع الأفتراضي في لغة CSS.

جرّب بنفسك

خاصية flex-direction مع القيمة row في لغة CSS.

HTML

.flex-container
{
  display: flex;
  flex-direction:row;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}