نمط خاصية flexGrow
مثال
دع عنصر DIV الأزرق ينمو خمسة أضعاف عرض العناصر المرنة الأخرى:
document.getElementById("myBlueDiv").style.flexGrow = "5";
التعريف والاستخدام
تحدد الخاصية flexGrow مقدار زيادة العنصر بالنسبة لبقية العناصر المرنة داخل نفس الحاوية.
ملاحظة: إذا لم يكن العنصر عنصرًا مرنًا ، فلن يكون لخاصية flexGrow أي تأثير.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
flexGrow | Yes | 11.0 | Yes | 9.0 | Yes |
بناء الجملة
إعادة خاصية flexGrow:
object.style.flexGrow
قم بتعيين خاصية flexGrow:
object.style.flexGrow = "number|initial|inherit"
قيم الملكية
Value | Description |
---|---|
number | A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية الزيادة المرنة لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية Flex-Grow
مرجع HTML DOM STYLE: الخاصية المرنة
مرجع HTML DOM STYLE: خاصية flexBasis
مرجع HTML DOM STYLE: خاصية flexDirection
مرجع HTML DOM STYLE: خاصية flexFlow
مرجع HTML DOM STYLE: خاصية flexShrink
مرجع HTML DOM STYLE: خاصية flexWrap
❮ نمط الكائن