مثال
إعادة ترتيب اتجاه العناصر المرنة داخل <div> العنصر:
document.getElementById("main").style.flexDirection = "column-reverse"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية flexDirection أو ترجع اتجاه العناصر المرنة.
Note: إذا كان العنصر ليس عنصر مرن، الخاصية flexDirection له أي تأثير.
دعم المتصفح
ويدعم خاصية flexDirection في IE10 +، فايرفوكس، أوبرا، وكروم.
ملاحظة: سفاري 6.1+ يدعم بديل، الخاصية WebkitFlexDirection.
بناء الجملة
إعادة الممتلكات flexDirection:
object .style.flexDirectionتعيين الخاصية flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| row | القيمة الافتراضية. يتم عرض البنود مرنة أفقيا، كصف |
| row-reverse | نفس صف واحد، ولكن بترتيب عكسي |
| column | يتم عرض البنود مرنة عموديا، كعمود |
| column-reverse | نفس العمود، ولكن بترتيب عكسي |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | صف |
|---|---|
| قيمة الإرجاع: | A سلسلة تمثل الملكية المرن اتجاه عنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS المرجع flex-direction property
HTML DOM STYLE المرجعي: flex property
HTML DOM STYLE المرجعي: flexBasis property
HTML DOM STYLE المرجعي: flexFlow property
HTML DOM STYLE المرجعي: flexGrow property
HTML DOM STYLE المرجعي: flexShrink property
HTML DOM STYLE المرجعي: flexWrap property
<كائن نمط