ویژگی Style flexDirection
- پچھلے پہلے flexBasis
- آئندہ پہلے flexFlow
- ایک سطر اوپر واپس ایچ تی ایم ال ڈوم اسٹائل آپائٹ
تعریف و استفاده
flexDirection ویژگی تنظیم یا بازگشتی برای جهت عنصر انعطافپذیر.
نکته:اگر عنصر انعطافپذیر نباشد، flexDirection ویژگی نامعتبر است.
لطفاً به
مرجع CSS:flex-direction
مثال
جهت تغییر جهت عناصر انعطافپذیر داخل <div> به ترتیب:
document.getElementById("main").style.flexDirection = "column-reverse";
نحوه نوشتن
بازگشتی flex-direction ویژگی:
موضوع.style.flexDirection
تنظیم flex-direction ویژگی:
موضوع.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| row | مقدار پیشفرض. عناصر انعطافپذیر بصورت افقی نمایش داده میشوند و به عنوان یک ردیف در نظر گرفته میشوند. |
| row-reverse | مانند row اما در جهت مخالف. |
| column | عناصر انعطافپذیر بصورت عمودی نمایش داده میشوند و به عنوان یک ستون در نظر گرفته میشوند. |
| column-reverse | مانند column اما در جهت مخالف. |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیشفرض: | row |
|---|---|
| مقدار بازگشتی: | رشتهای که نشاندهنده flex-direction. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی میکنند.
| کروم | ایج | افراد | سافاری | آپرا |
|---|---|---|---|---|
| کروم | ایج | افراد | سافاری | آپرا |
| پشتیبانی | 11.0 | پشتیبانی | 9.0 | پشتیبانی |
مستندات مرتبط
HTML DOM STYLE مرجع کتابflex
HTML DOM STYLE مرجع کتابflexBasis
HTML DOM STYLE مرجع کتابflexFlow
HTML DOM STYLE مرجع کتابflexGrow
HTML DOM STYLE مرجع کتابflexShrink
HTML DOM STYLE مرجع کتابflexWrap
- پچھلے پہلے flexBasis
- آئندہ پہلے flexFlow
- ایک سطر اوپر واپس ایچ تی ایم ال ڈوم اسٹائل آپائٹ
