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

CSS Flex Flow row reverse wrap خاصية flex-flow مع القيمة row-reverse wrap في لغة CSS

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

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

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

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

تستخدم خاصية flex-flow مع القيمة row-reverse wrap في لغة CSS لعرض العناصر بداخل flex container حاوية فليكس بوكس علي هيئة صف عكسي مع خاصية الألتفاف أو التمدد لصفوف أخري.

جرّب بنفسك

CSS Flex Flow row reverse wrap

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

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

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