CSS Types

CSS Types

Editing

〈flex-direction〉

구문

  • row | row-reverse | column | column-reverse

사용되는 키워드

키워드요약
column

플렉스 컨테이너의 주축은 현재 writing-mode의 블록축과 같은 방향이다. main-start 및 main-end 방향은 각각 현재 writing-mode의 블록 시작 및 블록 종료 방향과 동일하다.

column-reverse

column과 동일하나 main-startmain-end 방향이 바뀐다.

row

플렉스 컨테이너의 주축은 현재 writing-mode의 인라인 축과 같은 방향이다.

row-reverse

row와 동일하나 main-startmain-end가 바뀐다.

버전 명세

Modules
Module NameStatusSummary
Flexible Box Layout Module Level 1추천 후보

Last review date: 2022-6-16

지원 웹브라우저