خصائص flex-wrap CSS

التعريف والاستخدام

تحدد خاصية flex-wrap ما إذا كان يجب على العناصر الراقصة النسخ.

ملاحظة:إذا لم يكن العنصر هو عنصر تمدد، فإن خاصية flex غير صالحة.

انظر أيضًا:

دليل CSS صندوق التمدد CSS

دليل CSSخصائص flex

دليل CSSخصائص flex-basis

دليل CSSخصائص flex-direction

دليل CSSخصائص flex-flow

دليل CSSخصائص flex-grow

دليل CSSخصائص flex-shrink

دليل HTML DOMخصائص flexWrap

مثال

سيسمح للعناصر الراقصة بالنسخة عند الحاجة:

div {
  display: flex;   
  flex-wrap: wrap;
}

تجربة شخصية

جملة CSS

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

قيمة الخاصية

القيمة الوصف
nowrap القيمة الافتراضية. يحدد هذا الخصائص أن لا يتم نسخ العناصر الراقصة.
wrap يحدد هذا الخصائص أن تكون للعناصر الراقصة في الحاجة إلى النسخة العكسية.
wrap-reverse يحدد هذا الخصائص أن يكون للعناصر الراقصة في الحاجة إلى النسخة العكسية.
initial ضع هذا الخصائص إلى قيمته الافتراضية. انظر initial.
inherit تنقل هذا الخصائص من عنصر الأب إلى هذا الخصائص. انظر inherit.

تفاصيل التقنية

القيمة الافتراضية: nowrap
الوراثة: لا
صنع التحرك: غير مدعوم. انظر:خصائص المتحركة.
الإصدار: CSS3
جافا سكريبت الجملة: object.style.flexWrap="nowrap"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية.

الرقم الذي يحتوي على -webkit- أو -moz- يشير إلى إصدار الأولي الذي يستخدم البادئة.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0