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

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

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

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

لغة CSS

3,523 مشاهدة

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

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

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

جرّب بنفسك

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

HTML

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