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

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

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

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

لغة CSS

3,523 مشاهدة

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

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

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

جرّب بنفسك

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

HTML

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