CSS flex-direction հատկություն

Հատկանշում է ճկվող տարրերի ուղղությունը:

Օրինակ

div {
    display: flex;
    flex-direction: row-reverse; 
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row-reverse; /* Safari */
}
Փորձել
Նախնական արժեք row
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.flexDirection="row-reverse"
Արժեք Բնութագիր
column Ճկվող տարրերը կցուցադրվեն ուղղահայաց՝ որպես սյունակ:
column-reverse Նույնն է, ինչ՝ column, բայց հակառակ դասավորվածությամբ:
row Ճկվող տարրերը կցուցադրվեն հորիզոնական՝ որպես տող:
row-reverse Նույնն է, ինչ՝ row, բայց հակառակ դասավորվածությամբ:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: