CSS فلیکس گرو کی خاصیت

تعریف اور استعمال

flex-grow کا اعداد پروجیکٹ کی بقیہ انعطافی پروجیکٹوں کے مقابلے میں کس طرح کا اضافہ کیا جائے گا جب وہ ایک ہی کپڑے میں ہوتی ہیں۔

نوٹ:اگر عنصر انعطافی پروجیکٹ نہیں ہوتا تو flex کا اعداد کا استعمال نہیں کیا جاتا۔

ایک بار دیکھئے:

CSS تعلیم: CSS انعطافی فریمورک

CSS مراجع:flex کا اعداد

CSS مراجع:flex-basis کا اعداد

CSS مراجع:flex-direction کا اعداد

CSS مراجع:flex-flow کا اعداد

CSS مراجع:flex-shrink کا اعداد

CSS مراجع:flex-wrap کا اعداد

HTML DOM مراجع:flexGrow کا اعداد

مثال

دوسرے انعطافی پروجیکٹ کی چوڑائی کو بقیہ انعطافی پروجیکٹوں کی چوڑائی کا تین گنا بنادیا جاتا ہے:

div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}

خود کو سنجیدہ کریں

CSS گرامر

flex-grow: اعداد|initial|inherit;

اعداد کا استعمال

مقدار وصف
اعداد اعداد کا استعمال، اس پروجیکٹ کی بقیہ انعطافی پروجیکٹوں کے مقابلے میں کس طرح کا اضافہ کیا جائے گا۔ دفعتی طور پر 0 کا استعمال کیا جاتا ہے۔
initial اس اعداد کو اس کی مقصدی کی مقدار کی جانب رکھیا جاتا ہے۔ دیکھئے: initial。
inherit اس اعداد کو ان کی والدین عنصر سے نکلیا جاتا ہے۔ دیکھئے: inherit。

تکنیکی تفصیلات

مقصد: 0
نکاسی: نہیں
اینیمیشن بنانا: مدد حاصل کریں:اینیمیشن سے متعلق اعداد。
ورژن: CSS3
جسکریپٹ گرامر: object.style.flexGrow="5"

براوزر کی مدد

جداول میں دیئے گئے اعداد اس کی ملنے والی پہلی براوزر کی نسلی کا حوالہ دیتی ہیں جس میں اس کا پورا تعاون کیا گیا ہے。

تبعیت -webkit-، -ms- یا -moz- کا پہلا ورژن کا استعمال کا حوالہ دیئے جانے والی اعداد کو استعمال کریں。

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0