ویژگی Style flexGrow

تعریف و استفاده

flexGrow ویژگی مشخص می‌کند که یک عنصر چقدر در مقایسه با دیگر عناصر انعطاف‌پذیر در یک قالب رشد خواهد کرد.

توضیحات:اگر عنصر انعطاف‌پذیر نباشد، flexGrow ویژگی نامعتبر است.

لطفاً به

مرجع دستورالعمل CSS:flex-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

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگر از این ویژگی هستند.

کروم کریم افراد سافاری آپرا
کروم کریم افراد سافاری آپرا
پشتیبانی 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 属性