例
設置靈活的項目的順序:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
試一試» 定義和用法
順序屬性指定靈活相對於同一容器內的柔性物品的其餘部分項目的順序。
Note:如果元素不是一個靈活的項目,順序屬性沒有任何效果。
瀏覽器支持
訂單屬性在Firefox,Opera和Chrome瀏覽器的支持。
句法
返回順序屬性:
object .style.order
設置順序屬性:
object .style.order=" 屬性值 值 描述 number 默認值為0指定靈活商品的訂單 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值: 0 返回值: 一個字符串,表示元素的次序屬性 CSS版本 CSS3
相關頁面
CSS參考: order property
HTML DOM樣式的引用: alignContent property
HTML DOM樣式的引用: alignItems property
HTML DOM樣式的引用: alignSelf property
HTML DOM樣式的引用: flex property
HTML DOM樣式的引用: flexBasis property
HTML DOM樣式的引用: flexDirection property
HTML DOM樣式的引用: flexFlow property
HTML DOM樣式的引用: flexGrow property
HTML DOM樣式的引用: flexShrink property
HTML DOM樣式的引用: flexWrap property
<Style對象