Flexbox 객체 요소의 순서 설정:
p#myRedp {주문:2;}
p#myBluep {주문:4;}
p#myGreenp {주문:3;}
p#myPinkp {주문:1;}
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
|
효과 미리보기
표의 숫자는 이 속성을 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.
-webkit-, -ms- 또는 -moz- 바로 뒤에 오는 숫자는 이 접두사 속성을 지원하는 첫 번째 버전입니다.
属性 | |||||
---|---|---|---|---|---|
order | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
order 속성 Flexbox 모델 객체의 하위 요소가 나타나는 순서를 설정하거나 검색합니다. .
참고: 요소가 Flexbox 객체의 요소가 아닌 경우 order 속성은 효과가 없습니다.
默认值: | 0 |
---|---|
继承: | 否 |
可动画化: | 是,参见个别的属性。请参阅 CSS3动画属性、CSS3动画实例。 效果预览 |
版本: | CSS3 |
JavaScript 语法: | object.style.order="2" 效果预览 |
순서: 번호|initial|inherit;
值 | 描述 |
---|---|
number | 默认值是 0。规定灵活项目的顺序。 |
initial | 设置该属性为它的默认值。请参阅 initial。 |
inherit | 从父元素继承该属性。请参阅 inherit。 |