例
设置灵活的项目的顺序:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
试一试» 定义和用法
顺序属性指定灵活相对于同一容器内的柔性物品的其余部分项目的顺序。
Note:如果元素不是一个灵活的项目,顺序属性没有任何效果。
浏览器支持
订单属性在Firefox,Opera和Chrome浏览器的支持。
句法
返回顺序属性:
object .style.order
设置顺序属性:
object .style.order=" 属性值 值 描述 number 默认值为0指定灵活商品的订单 initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 0 返回值: 一个字符串,表示元素的次序属性 CSS版本 CSS3
相关页面
CSS参考: order property
HTML DOM样式的引用: alignContent property
HTML DOM样式的引用: alignItems property
HTML DOM样式的引用: alignSelf property
HTML DOM样式的引用: flex property
HTML DOM样式的引用: flexBasis property
HTML DOM样式的引用: flexDirection property
HTML DOM样式的引用: flexFlow property
HTML DOM样式的引用: flexGrow property
HTML DOM样式的引用: flexShrink property
HTML DOM样式的引用: flexWrap property
<Style对象