CSS order 屬性
示例
設定彈性項的順序
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
自己動手試一試 »
定義和用法
order 屬性指定一個彈性項相對於同一容器內其他彈性項的順序。
注意：如果元素不是彈性項，則 order 屬性無效。
| 預設值 | 0 |
|---|---|
| 繼承 | no |
| 可動畫 | 是的，檢視各個屬性。 閱讀有關可動畫的說明 Try it |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.order="2" Try it |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| order | 29 | 12 | 28 | 9.0 | 12.1 |
CSS 語法
order: 數字|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| 數字 | 預設值：0。指定彈性項的順序 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 參考：flex 屬性
CSS 參考：flex-basis 屬性
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 參考：order 屬性
