flex-direction

flex-direction 속성은 요소의 정렬 방향을 정의합니다.

Summary

특징	설명
기본 값	row
상속	안됨
애니메이션	안됨
버전	CSS3

Definition

• flex-direction 속성은 요소의 정렬 방향을 정의합니다.

Syntax

flex-direction : row | row-reverse | column | column-reverse | inherit;

Property

속성 값	설명
row	요소의 정렬을 가로(기본)로 설정합니다.
row-reverse	요소의 정렬을 가로 반대로 설정합니다.
column	요소의 정렬을 세로로 설정합니다.
column-reverse	요소의 정렬을 세로 반대로 설정합니다.
inherit	flex-direction의 속성 값을 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
flex-direction

Sample

flex-direction : row;
flex-direction : row-reverse;
flex-direction : column;
flex-direction : column-reverse;;