예
내부가요 항목의 방향으로 재정렬 <div> 요소 :
document.getElementById("main").style.flexDirection = "column-reverse"; »그것을 자신을 시도 정의 및 사용
flexDirection의 속성 집합 또는 유연한 항목의 방향을 돌려줍니다.
Note: 요소가 flexDirection 속성은 효과가 없습니다, 유연한 항목이 아닌 경우.
브라우저 지원
flexDirection 속성은 IE10 +, 파이어 폭스, 오페라, 그리고 크롬에서 지원됩니다.
참고 : 사파리 6.1 이상 대안의 WebkitFlexDirection 속성을 지원합니다.
통사론
flexDirection 속성을 반환합니다 :
object .style.flexDirectionflexDirection 속성을 설정 :
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| row | 기본값. 가요 항목 행으로 수평으로 표시되는 |
| row-reverse | 행과 동일하지만 역순으로 |
| column | 가요 항목 열로 수직 표시 |
| column-reverse | 컬럼과 동일하지만 역순으로 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 열 |
|---|---|
| 반환 값 : | 요소의 플렉스 방향 속성을 나타내는 문자열 |
| CSS 버전 | CSS3 |
관련 페이지
CSS 참조 : flex-direction property
HTML DOM 스타일 참조 : flex property
HTML DOM 스타일 참조 : flexBasis property
HTML DOM 스타일 참조 : flexFlow property
HTML DOM 스타일 참조 : flexGrow property
HTML DOM 스타일 참조 : flexShrink property
HTML DOM 스타일 참조 : flexWrap property
<스타일 개체