HTML DOM 스타일 flexFlow 속성
예
열이 표시되지 분할 열을 만들기 위해 유연한 프로젝트 :
document.getElementById("main").style.flexFlow="column nowrap";
»시도
정의 및 사용
flexFlow 속성은 약식 속성의 flexDirection 및 flexWrap의 호텔입니다.
flexDirection 속성은 flexible 프로젝트의 방향을 지정합니다.
flexWrap 속성은 flexible 프로젝트 분할 행 또는 열 분할 지정합니다.
참고 : 요소가 유연 항목이 아닌 경우, flexFlow 속성이 작동하지 않습니다.
브라우저 지원
파이어 폭스, 오페라와 크롬 flexFlow 속성을 지원합니다.
문법
위로 flexFlow 속성 :
object .style.flexFlow
flexFlow 속성 설정 :
object .style.flexFlow="flex-directionflex-wrap |initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| flex-direction | 可能的值： row row-reverse column column-reverse initial inherit 默认值是 "row"。 规定灵活项目的方向。 |
| flex-wrap | 可能的值： nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。 规定灵活项目是否拆行或拆列。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 행 파라미터 nowrap |
|---|---|
| 반환 값 : | 요소의 굴곡 흐름 특성을 나타내는 문자열. |
| CSS 버전 | CSS3 |
관련 기사
CSS 참조 설명서 : 플렉스 흐름 속성
HTML DOM 스타일 참조 : 플렉스 등록
HTML DOM 스타일 참조 : flexBasis 속성
HTML DOM STYLE 참조 : flexDirection 속성
HTML DOM 스타일 참조 : flexGrow 속성
HTML DOM 스타일 참조 : flexShrink 속성
HTML DOM 스타일 참조 : flexWrap 속성