أحدث البرامج التعليمية وتطوير الشبكة
 

Style flexFlow Property

<كائن نمط

مثال

جعل العناصر مرونة العرض في الأعمدة، وعدم الالتفاف:

document.getElementById("main").style.flexFlow = "column nowrap";
انها محاولة لنفسك »

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

الخاصية flexFlow هي خاصية الاختزال لflexDirection وخصائص flexWrap.

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

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

Note: إذا كانت العناصر ليست بنودا مرنة، الخاصية flexFlow له أي تأثير.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية flexFlow في IE10 +، فايرفوكس، أوبرا، وكروم.

ملاحظة: سفاري 6.1+ يدعم بديل، الخاصية WebkitFlexFlow.


بناء الجملة

إعادة الممتلكات flexFlow:

object .style.flexFlow

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

object .style.flexFlow=" قيم الممتلكات
القيمة وصف
flex-direction القيم الممكنة:

صف
الصف العكس
عمود
عمود العكس
مبدئي
يرث

القيمة الافتراضية هي "row" .

تحديد اتجاه عناصر مرنة

flex-wrap القيم الممكنة:

بلا التفاف
لف
التفاف للعكس
مبدئي
يرث

القيمة الافتراضية هي "nowrap" .

تحديد ما إذا كانت العناصر المرنة يجب التفاف أو لا

initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: الصف بلا التفاف
قيمة الإرجاع: A سلسلة تمثل الملكية المرن تدفق عنصر
صفحة CSS CSS3

صفحات ذات صلة

CSS المرجع flex-flow property

HTML DOM STYLE المرجعي: flex property

HTML DOM STYLE المرجعي: flexBasis property

HTML DOM STYLE المرجعي: flexDirection property

HTML DOM STYLE المرجعي: flexGrow property

HTML DOM STYLE المرجعي: flexShrink property

HTML DOM STYLE المرجعي: flexWrap property


<كائن نمط