خصائص Style flexGrow
- الصفحة السابقة flexFlow
- الصفحة التالية flexShrink
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
flexGrow يحدد الخصائص الزيادة النسبية للمشروع مقارنة بالعناصر المرنة الأخرى داخل نفس الصندوق.
التعليق:إذا لم يكن العنصر مرنًا، فإن flexGrow الخصائص غير صالحة.
يرجى الرجوع أيضًا إلى:
مرجع CSSflex-grow
مثال
جعل عنصر DIV الأزرق ينمو خمس مرات أكثر من العناصر المرنة الأخرى:
document.getElementById("myBlueDiv").style.flexGrow = "5";
النحو
العودة إلى خصائص flexGrow:
object.style.flexGrow
تعيين خصائص flexGrow:
object.style.flexGrow = "number|initial|inherit"
قيمة الخصائص
| القيمة | وصف |
|---|---|
| number | رقم، يحدد الزيادة النسبية للمشروع مقارنة بالمشاريع الأخرى المرنة. القيمة الافتراضية هي 0. |
| initial | ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
| inherit | يرث هذا الخصائص من عنصر الوالدين. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| القيمة الم返回ة: | السلسلة، تعبر عن flex-grow. |
| إصدار 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 مرجعflexDirection
HTML DOM STYLE مرجعflexFlow
HTML DOM STYLE مرجعflexShrink
HTML DOM STYLE مرجعflexWrap
- الصفحة السابقة flexFlow
- الصفحة التالية flexShrink
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
