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

Style flex Property

<كائن نمط

مثال

السماح لجميع المواد ومرنة تكون بنفس الطول، regardles من مضمونها:

for (i = 0; i < y.length; i++) {
    y[i].style.flex = "1";
}
انها محاولة لنفسك »

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

مجموعات الملكية المرن أو إرجاع طول هذا البند، نسبة إلى بقية العناصر flexibel داخل نفس الحاوية.

الخاصية المرنة هي اختصار لflexGrow، flexShrink، وخصائص flexBasis.

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

دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية المرن في جميع المتصفحات الرئيسية، باستثناء سفاري.

ملاحظة: لا يتم اعتماد خاصية المرن IE 9 أو في وقت سابق، في IE 10 ويدعم هذه الخاصية مع البادئة MS. IE11 والإصدارات الأحدث تدعم بشكل كامل الملكية المرن (لا تحتاج البادئة مللي ثانية).

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

بناء الجملة

إعادة الممتلكات المرن:

object .style.flex

تعيين الخاصية المرن:

object .style.flex=" قيم الممتلكات
القيمة وصف
flex-grow عدد يحدد مقدار هذا البند سوف تنمو نسبة إلى بقية العناصر المرنة
flex-shrink عدد يحدد مقدار هذا البند سوف يتقلص بالنسبة إلى بقية العناصر المرنة
flex-basis ويبلغ طول هذا البند. القيم القانونية: "auto" ، "inherit" ، أو عدد تليها "%" ، "px" ، "em" أو أي وحدة طول أخرى
auto نفس 1 1 السيارات.
initial نفس 0 1 السيارات. قرأت عن الأولي
none نفس 0 0 السيارات.
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

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

صفحات ذات صلة

CSS المرجع flex property

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

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

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

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

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

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

<كائن نمط