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

Style flexGrow Property

<كائن نمط

مثال

السماح للعنصر DIV الأزرق تنمو خمس مرات أوسع من بقية العناصر المرنة:

document.getElementById("myBlueDiv".style.flexGrow = "5";
انها محاولة لنفسك »

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

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

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


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


بناء الجملة

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

object .style.flexGrow

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

object .style.flexGrow=" قيم الممتلكات
القيمة وصف
number عدد يحدد مقدار هذا البند سوف تنمو نسبة إلى بقية العناصر المرنة. القيمة الافتراضية هي 0
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

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

صفحات ذات صلة

CSS إشارة: flex-grow property

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

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

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

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

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

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


<كائن نمط