لوگو دویکس
ورود / ثبت نام
flex direction در CSS

flex direction در CSS

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 20 بهمن 1399

با ویژگی flex direction در CSS آشنا شوید.

آشنایی با flex direction در CSS

ویژگی flex-direction به شما امکان می دهد محل قرارگیری مورد را در ظرف فلکس تغییر دهید:

div {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column-reverse; /* Safari 6.1 and newer */
    display: flex;
    flex-direction: column-reverse;   
}

الزامات نحو

نحو CSS جهت انعطاف پذیری ساده است ، زیرا فقط از هر چهار مقدار موجود باید یک تعریف کنید:

flex-direction: مقدار؛

می توانید انتخاب مقادیر را در جدول زیر مشاهده کنید.

مقادیر ویژگی جهت انعطاف پذیری CSS

DescriptionValue
مقدار پیش فرض موارد در امتداد محور اصلی ظرف فلکس یک ردیف تشکیل می دهندrow
وارد در امتداد محور اصلی ظرف فلکس یک ردیف تشکیل می دهند ، اما جهت معکوس می شودrow-reverse
مواردی از یک ستون در امتداد محور بلوک کانتینر فلکسcolumn
موارد یک ستون را در امتداد محور بلوک ظرف فلکس تشکیل می دهند ، اما جهت معکوس می شودcolumn-reverse

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

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊