خصائص Style flexDirection

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

flexDirection يحدد أو يعود الخاصية إتجاه العنصر المروج.

التعليق:إذا لم يكن العنصر عنصر مروج، flexDirection خاصية غير صالحة.

يرجى الرجوع أيضًا إلى:

مرجع CSS:flex-direction

مثال

إعادة ترتيب اتجاه العناصر المروجة داخل عناصر <div>:

document.getElementById("main").style.flexDirection = "column-reverse";

تجربة شخصية

النحو

القيمة التي تعود flexDirection:

object.style.flexDirection

تعيين الخاصية flexDirection:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

قيمة الخاصية

القيمة الوصف
row القيمة الافتراضية. يعرض العناصر المروجة أفقياً كصف.
row-reverse مثل row، لكن في العكس
column يعرض العناصر المروجة عموديًا كعمود.
column-reverse مثل column، لكن في العكس
initial عين هذه الخاصية على قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit تنقل هذه الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: row
القيمة التي تعود: السلسلة، تمثل flex-direction.
إصدار CSS: CSS3

دعم المتصفح

رقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذا الخصائص بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دعم 11.0 دعم 9.0 دعم

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

HTML DOM STYLE مرجعflex

HTML DOM STYLE مرجعflexBasis

HTML DOM STYLE مرجعflexFlow

HTML DOM STYLE مرجعflexGrow

HTML DOM STYLE مرجعflexShrink

HTML DOM STYLE مرجعflexWrap