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 支持 支持 支持

相关页面

ຄູ່ມວນຊົນ HTML DOM STYLEalignContent 属性

ຄູ່ມວນຊົນ HTML DOM STYLEalignItems 属性

ຄູ່ມວນຊົນ HTML DOM STYLEalignSelf 属性

ຄູ່ມວນຊົນ HTML DOM STYLEflex 属性

ຄູ່ມວນຊົນ HTML DOM STYLEflexBasis 属性

ຄູ່ມວນຊົນ HTML DOM STYLEປະສົມ flexDirection

ຄູ່ມວນຊົນ HTML DOM STYLEປະສົມ flexFlow

ຄູ່ມວນຊົນ HTML DOM STYLEປະສົມ flexGrow

ຄູ່ມວນຊົນ HTML DOM STYLEປະສົມ flexShrink

ຄູ່ມວນຊົນ HTML DOM STYLEປະສົມ flexWrap