CSS 주문 속성
예시
유연한 항목의 순서를 설정합니다.
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
정의 및 사용
속성 은 order
동일한 컨테이너 내의 나머지 유연한 항목에 상대적인 유연한 항목의 순서를 지정합니다.
참고: 요소가 유연한 항목이 아닌 경우
order
속성이 적용되지 않습니다.
기본값: | 0 |
---|---|
상속: | 아니요 |
애니메이션 가능: | 예, 개별 속성을 참조하십시오 . 애니메이션 가능 에 대해 읽기 |
버전: | CSS3 |
자바스크립트 구문: | 개체 .style.order="2" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-webkit- 또는 -moz- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
order | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
CSS 구문
order: number|initial|inherit;
속성 값
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 참조: flex 속성
CSS 참조: 플렉스 기반 속성
CSS 참조: flex-direction 속성
CSS 참조: flex-flow 속성
CSS 참조: flex-grow 속성
CSS 참조: flex-shrink 속성
CSS 참조: flex-wrap 속성
CSS 참조: align-content 속성
CSS 참조: align-items 속성
CSS 참조: align-self 속성
HTML DOM 참조: 주문 속성