خصائص Style flexWrap

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

flexWrap تحدد هذه الخاصية ما إذا كان يجب تغيير ترتيب العناصر المروجة.

ملاحظة:إذا لم يكن العنصر عنصرًا مروجًا، flexWrap خاصية غير صالحة.

انظر أيضًا:

كتيب CSS:خصائص flex-wrap

مثال

إذا لزم الأمر، اجعل العناصر المروجة تتمكن من التموضع في الصفوف:

document.getElementById("main").style.flexWrap = "wrap";

تجربة شخصية

النحو

استرداد الخاصية flexWrap:

الشكل.style.flexWrap

ضبط الخاصية flexWrap:

الشكل.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

قيمة الخاصية

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

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

القيمة الافتراضية: nowrap
القيمة التي تعود: الخط النصي، يمثل خصائص flex-wrap.
إصدار CSS: CSS3

دعم المتصفحات

كروم إدج فايرفوكس سفاري أوبرا
كروم إدج فايرفوكس سفاري أوبرا
الدعم 11.0 الدعم 9.0 الدعم

الصفحات ذات الصلة

مرجع HTML DOM STYLE خصائص flex

مرجع HTML DOM STYLE خصائص flexBasis

مرجع HTML DOM STYLE خصائص flexDirection

مرجع HTML DOM STYLE خصائص flexFlow

مرجع HTML DOM STYLE خصائص flexGrow

مرجع HTML DOM STYLE خصائص flexShrink