例
設置靈活的項目的順序:
/* Code for Safari 6.1 to 8.0 */
div#myRedDIV {-webkit-order: 2;}
div#myBlueDIV {-webkit-order: 4;}
div#myGreenDIV {-webkit-order: 3;}
div#myPinkDIV {-webkit-order: 1;}
/* Standard syntax */
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV
{order: 3;}
div#myPinkDIV {order: 1;}
試一試» 定義和用法
訂單屬性指定靈活相對於同一容器內的柔性物品的其餘部分的項目的順序。
Note:如果元素不是一個靈活的項目,訂單屬性不起作用。
默認值: | 0 |
---|---|
遺傳: | no |
動畫: | yes, see individual properties . Read about animatable Try it |
版: | CSS3 |
JavaScript語法: | object .style.order="2" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
其次是-webkit-號碼或-moz-指定用一個前綴工作的第一個版本。
屬性 | |||||
---|---|---|---|---|---|
order | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9 6.1 -webkit- | 17.0 |
CSS語法
order:number|initial|inherit;
屬性值
相關頁面
CSS參考: flex property
CSS參考: flex-basis property
CSS參考: flex-direction property
CSS參考: flex-flow property
CSS參考: flex-grow property
CSS參考: flex-shrink property
CSS參考: flex-wrap property
CSS參考: align-content property
CSS參考: align-items property
CSS參考: align-self property
HTML DOM參考: order property