HTML DOM Style order 屬性
實例
設置靈活項目的順序：
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
嘗試一下»
定義和用法
order 屬性規定一個靈活的項目相對於同一容器內其他靈活項目的順序。
注意：如果元素不是靈活的項目，則order屬性不起作用。
瀏覽器支持
Firefox、Opera 和Chrome 支持order 屬性。
語法
返回order 屬性：
object .style.order
設置order 屬性：
object .style.order="number|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| number | 默认值是 0。规定灵活项目的顺序。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
技術細節
| 默認值： | 0 |
|---|---|
| 返回值： | 字符串，表示元素的order 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS參考手冊： order屬性
HTML DOM STYLE參考手冊： alignContent屬性
HTML DOM STYLE參考手冊： alignItems屬性
HTML DOM STYLE參考手冊： alignSelf屬性
HTML DOM STYLE參考手冊： flex屬性
HTML DOM STYLE參考手冊： flexBasis屬性
HTML DOM STYLE參考手冊： flexDirection屬性
HTML DOM STYLE參考手冊： flexFlow屬性
HTML DOM STYLE參考手冊： flexGrow屬性
HTML DOM STYLE參考手冊： flexShrink屬性
HTML DOM STYLE參考手冊： flexWrap屬性