最新的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对象