码农教程 - 一技在手,衣食无忧! tools

目录

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 属性不起作用。

浏览器支持

Property
order Yes 12.0 Yes Yes Yes

语法

返回订单属性：

object.style.order

设置订单属性：

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

属性值

Value Description
number Default value 0. Specifies the order for the flexible item
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值： 0
返回值： 一个字符串，表示元素的顺序属性
CSS版本 CSS3

相关页面

CSS 参考：order属性

HTML DOM 样式参考：对齐内容属性

HTML DOM 样式参考：对齐项目属性

HTML DOM 样式参考：对齐自属性

HTML DOM 样式参考：弹性属性

HTML DOM 样式参考：flexBasis 属性

HTML DOM 样式参考：flexDirection 属性

HTML DOM 样式参考：flexFlow 属性

HTML DOM 样式参考：flexGrow 属性

HTML DOM 样式参考：flexShrink 属性

HTML DOM 样式参考：flexWrap 属性


❮上一节 ❮ 样式对象参考 下一节❯