CSS 플렉스 속성
브라우저 지원
표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 접두사 속성을 지원하는 첫 번째 버전 이후 디지털 -webkit-, -ms- 또는 -moz-를 다음과 같습니다.
재산 | |||||
---|---|---|---|---|---|
굽힘 | 29.0 21.0 -webkit- | 11.0 10.0 -ms- | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
정의 및 사용
방법 하위 요소 굴곡 특성이 설정 또는가요 성 파우치 모델 객체에게 할당 된 공간을 검색하기 위해 사용된다.
플렉스 속성은 약식 속성 플렉스 성장, 플렉스 수축 및 플렉스 기초 속성입니다.
참고 : 유연한 파우치 모델은 자식 요소 개체 요소인 경우, 플렉스 속성이 작동하지 않습니다.
기본값 : | 0 1 자동 |
---|---|
상속 : | 아니 |
애니메이션 할 수 있습니다 : | 예, 개별 속성을 참조하십시오.참조하시기 바랍니다 애니메이션 (애니메이션) . |
버전 : | CSS3 |
자바 스크립트 구문 : | = "1".style.flex 개체시도 |
CSS 구문
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 。 |
관련 기사
CSS 참조 설명서 : 플렉스 - 기초 속성
CSS 참조 설명서 : 플렉스 방향 속성
CSS 참조 설명서 : 플렉스 흐름 속성
CSS 참조 설명서 : 속성을 플렉스 - 성장
CSS 참조 설명서 : 속성을 플렉스 - 축소
CSS 참조 설명서 : 플렉스 랩 속성