CSS فلیکس فلو کلاس
- پچھلے پیج flex-direction
- پرینت پیج flex-grow
تعریف اور استعمال
flex-flow اپریئٹ اس کی اپریئٹوں کا مختصر ورژن ہے:
نوٹ:اگر عنصر ایلگاٹ نہیں ہے تو flex اپریئٹ نا معتبر ہوگا.
ایک دوسرے کا مراجع:
CSS تعلیم:CSS ایلگاٹ
CSS مراجع دستور:flex اپریئٹ
CSS مراجع دستور:flex-direction اپریئٹ
CSS مراجع دستور:flex-basis اپریئٹ
CSS مراجع دستور:flex-grow اپریئٹ
CSS مراجع دستور:flex-shrink اپریئٹ
CSS مراجع دستور:flex-wrap اپریئٹ
HTML DOM مراجع دستور:flexFlow اپریئٹ
مثال
مقصد اس اپریئٹ کو برعکس سمت چلنا چاہئے اور ضرورت پر چلنا چاہئے یا نا چلنا چاہئے:
div { display: flex; flex-flow: row-reverse wrap; }
CSS گرامر
flex-flow: flex-direction flex-wrap|initial|inherit;
مقصد ورژن
ورژن | وصف |
---|---|
flex-direction |
ممکن ورژن:
مقصد ورژن "row" ہے. مقصد اس اپریئٹ کو کیا طور پر سمت چلنا چاہئے. |
flex-wrap |
ممکن ورژن:
مقصد ورژن "nowrap" ہے. مقصد اس اپریئٹ کو کیا طور پر چلنا چاہئے یا نا چلنا چاہئے یا نا چلنا چاہئے. |
initial | اس اپریئٹ کو اس کی مقصد ورژن پر نکالا جائے. وضاحت دیئے: initial. |
inherit | اس اپریئٹ کا ورژن پائیدار طور پر ان کی والد عنصر سے حاصل کی گئی ہے. وضاحت دیئے: inherit. |
تکنیکی تفصیلات
مقصد: | row nowrap |
---|---|
نکلیت: | نہیں |
آنیماشن کا تعمیر: | ناممکن ہے، وضاحت دیئے:آنیماشن سے متعلق اپریئٹس. |
ورژن: | CSS3 |
جسکریپٹ گرامر: | object.style.flexFlow="column nowrap" |
براوزر کی حمایت
جداول میں دی گئی اعداد اس کی پوری حمایت کی پہلی براوزر ورژن کو نوٹ کرتی ہیں.
تبدیل کی اعداد میں -webkit-،-ms- یا -moz- کا پہلا ورژن استعمال کئے جانے والی شمار کی شرط دکھائی دیتی ہیں.
چروم | IE / ایج | فائرفاکس | سافری | اوپرا |
---|---|---|---|---|
29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
- پچھلے پیج flex-direction
- پرینت پیج flex-grow