Properties

Properties

Draft
  • account_tree
  • bug_report

flex-direction

Flexible 레이아웃 항목의 방향을 설정한다.

설정 가능한 속성 값

  • row기본값키워드CSS3

    항목을 가로 방향으로 표시한다.

  • row-reverse키워드CSS3

    row와 같으나 항목을 역순으로 표시한다.

  • column키워드CSS3

    항목을 세로 방향으로 표시한다.

  • column-reverse키워드CSS3

    column와 같으나 항목을 역순으로 표시한다.

  • initial키워드CSS3

    CSS 기본 값으로 처리한다.

구문

  • flex-direction row or row-reverse or column or column-reverse or initial;기본형식CSS3
    flex-direction 속성 값을 column으로 지정한 경우에 대한 결과
  • object.style.flexDirection = "column";자바스크립트 형식CSS3

    자바스크립트 형식

테스트 도구

flexible 레이아웃일 경우 flex-direction 속성 값 테스트

지원 웹브라우저