最新的Web開發教程
 

Style order Property

<Style對象

設置靈活的項目的順序:

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:如果元素不是一個靈活的項目,順序屬性沒有任何效果。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

訂單屬性在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對象