Style order 属性

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";

尝试一下 »

定义和用法

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 属性


Style 对象