Properties

Properties

Draft
  • account_tree
  • bug_report

flex-flow

flex-direction과 flex-wrap 속성을 한번에 지정하는 축약식 속성이다.

설정 가능한 속성 값

  • flex-direction속성CSS3

    Flexible 레이아웃 항목의 방향을 설정한다. 기본 값은 row이다.

  • flex-wrap속성CSS3

    Flexible 레이아웃 항목의 줄바꿈 여부를 설정한다. 기본 값은 nowrap 이다.

구문

  • flex-flow flex-direction flex-wrap;기본형식CSS3

    flex-direction과 flex-wrap 속성 값을 공백으로 구분하여 작성한다. 속성 값을 생략하면 생략된 속성의 기본 값으로 설정된다.

  • flex-flow initial;사용 예CSS3

    CSS 기본 값으로 설정한다.

  • object.style.flexFlow = "column nowrap";자바스크립트 형식CSS3

    자바스크립트 형식

테스트 도구

flexible 레이아웃을 위한 flex-flow 속성 테스트

지원 웹브라우저