HTML의 DOM 스타일 플렉스 속성
정의 및 사용
다른 항목에 대해 동일한 유연한 컨테이너를 기준으로 플렉스 속성, 설정 또는 프로젝트의 길이를 반환합니다.
플렉스 속성은 약식 속성 flexGrow, flexShrink 및 flexBasis의 호텔입니다.
주 : 소자가요 프로젝트가없는 경우,가요 성 특성은 작동하지 않는다.
브라우저 지원
사파리 외에 다른 주요 브라우저 플렉스 속성을 지원한다.
IE 9 및 이전 버전 플렉스 속성을 지원하지 않습니다. IE 10은 접두사 MS가이 속성을 지원해야합니다.
문법
플렉스 속성을 반환합니다 :
object .style.flex
플렉스 속성 설정 :
object .style.flex="flex-growflex-shrinkflex-basis|auto|initial|inherit"
속성 값
值 | 描述 |
---|---|
flex-grow | 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。 |
flex-shrink | 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。 |
flex-basis | 项目的长度。合法值:"auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。 |
auto | 与 1 1 auto 相同。 |
none | 与 0 0 auto 相同。 |
initial | 设置该属性为它的默认值,即为 0 1 auto。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
기본값 : | 0 1 자동 |
---|---|
반환 값 : | 플렉스 속성 요소를 나타내는 문자열입니다. |
CSS 버전 | CSS3 |
관련 기사
CSS 참조 : 플렉스 등록
HTML DOM 스타일 참조 : flexBasis 속성
HTML DOM STYLE 참조 : flexDirection 속성
HTML DOM STYLE 참조 : FlexFlow 등록
HTML DOM 스타일 참조 : flexGrow 속성
HTML DOM 스타일 참조 : flexShrink 속성
HTML DOM 스타일 참조 : flexWrap 속성