Style 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 属性指定弹性项目相对于同一容器内的其他弹性项目的顺序。
注意：如果元素不是弹性项目，则 order 属性无效。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| order | 是 | 12.0 | 是 | 是 | 是 |
语法
返回 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 属性
