ویژگی 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
