HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

order

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

浏览器支持

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

order

Style order 属性

实例

定义和用法

浏览器支持

语法

属性值

技术细节

相关文章