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

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

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

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

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

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

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

جرّب بنفسك

CSS Flex Flow row reverse nowrap

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

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

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