مقدمه ای بر CSS Flexbox

سرفصل ها و درس ها

معرفی Introduction

• مقدمه ای بر فلکس باکس Introduction To Flexbox

• نمای کلی Flexbox Overview Of Flexbox

• یادداشت های اضافی Additional Notes

بررسی اجمالی خواص کانتینر Flex Parent Overview Of Parent Flex Container Properties

• مشخصات اجمالی کانتینر Flex Parent Parent Flex Container Properties Overview

جهت فلکس Flex Direction

• نمای کلی جهت فلکس Flex Direction Overview

• نمایش جهت فلکس Flex Direction Demonstration

• اطلاعات اضافی در مورد فلکس جهت Additional Information On Flex Direction

فلکس راپ Flex Wrap

• نمای کلی Flex Wrap Flex Wrap Overview

• نمایش Flex Wrap Flex Wrap Demonstration

• اطلاعات اضافی در مورد Flex Wrap Additional Information On Flex Wrap

فلکس فلو Flex Flow

• بررسی اجمالی جریان فلکس Flex Flow Overview

• نمایش جریان فلکس Flex Flow Demonstration

مطالب را توجیه کنید Justify Content

• توجیه اجمالی محتوا Justify Content Overview

• توجیه محتوا Justify Content Demonstration

تراز کردن موارد Align Items

• نمای کلی موارد را تراز کنید Align Items Overview

• نمایش موارد تراز کنید Align Items Demonstration

تراز کردن محتوا Align Content

• تراز کردن نمای کلی محتوا Align Content Overview

• تراز کردن نمایش محتوا Align Content Demonstration

بررسی اجمالی ویژگی های آیتم Child Flex Overview Of Child Flex Item Properties

• بررسی اجمالی ویژگی های آیتم Child Flex Child Flex Item Properties Overview

پایه فلکس Flex Basis

• بررسی اجمالی پایه فلکس Flex Basis Overview

• نمایش پایه فلکس Flex Basis Demonstration

• اطلاعات اضافی بر اساس فلکس Additional Information On Flex Basis

فلکس گرو Flex Grow

• بررسی اجمالی Flex Grow Flex Grow Overview

• نمایش Flex Grow Flex Grow Demonstration

• اطلاعات اضافی در مورد Flex Grow Additional Information On Flex Grow

فلکس شرینک Flex Shrink

• نمای کلی Flex Shrink Flex Shrink Overview

• نمایش فلکس شرینک Flex Shrink Demonstration

• اطلاعات اضافی در مورد Flex Shrink Additional Information On Flex Shrink

فلکس Flex

• نمای کلی فلکس Flex Overview

• نمایش فلکس Flex Demonstration

سفارش Order

• نمای کلی سفارش Order Overview

• نمایش سفارش Order Demonstration

خود را تراز کنید Align Self

• نمای کلی خود را تراز کنید Align Self Overview

• تظاهرات خود را تراز کنید Align Self Demonstration

مثال پروژه با استفاده از Flexbox Project Example Using Flexbox

• مثال پروژه با استفاده از Flexbox Project Example Using Flexbox