Style order 属性

定义和用法

order 属性规定弹性项相对于同一容器内的其余弹性项的顺序。

注释：如果元素不是弹性项，则 order 属性无效。

另请参阅：

CSS 参考手册：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";

亲自试一试

语法

返回 order 属性：

object.style.order

设置 order 属性：

object.style.order = "number|initial|inherit"

属性值

值 描述
number 默认值 0。规定弹性项的顺序。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 0
返回值： 字符串，表示元素的 order 属性。
CSS 版本： CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 12.0 支持 支持 支持

相关页面

Machapisho ya HTML DOM STYLE:alignContent 属性

Machapisho ya HTML DOM STYLE:alignItems 属性

Machapisho ya HTML DOM STYLE:alignSelf 属性

Machapisho ya HTML DOM STYLE:flex 属性

Machapisho ya HTML DOM STYLE:flexBasis 属性

Machapisho ya HTML DOM STYLE:Uongezewa wa flexDirection

Machapisho ya HTML DOM STYLE:Uongezewa wa flexFlow

Machapisho ya HTML DOM STYLE:Uongezewa wa flexGrow

Machapisho ya HTML DOM STYLE:Uongezewa wa flexShrink

Machapisho ya HTML DOM STYLE:Uongezewa wa flexWrap