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

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

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

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

لغة CSS

3,523 مشاهدة

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

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

ال flex-direction:row-reverse property تستخدم لعرض ال flex items بشكل افقي من اليمين لليسار.

جرّب بنفسك

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

HTML

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