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

目录

CSS order 属性

❮上一节 完整的CSS参考 下一节❯

示例

设置灵活项目的顺序：

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
亲自试一试 »

定义和用法

这个order属性指定灵活项目相对于同一容器内其余灵活项目的顺序。

笔记：如果该元素不是灵活项，则 order属性没有影响。

展示演示❯

默认值： 0
遗传： 不
可动画： 是的，查看各个属性。阅读可动画的尝试一下
版本： CSS3
JavaScript 语法： 对象.style.order="2"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
order 29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0

CSS 语法

order: number|initial|inherit;

属性值

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

相关页面

CSS 参考：弹性属性

CSS 参考：弹性基础属性

CSS 参考：弯曲方向属性

CSS 参考：弹性流属性

CSS 参考：弹性增长属性

CSS 参考：伸缩收缩属性

CSS 参考：flex-wrap 属性

CSS 参考：对齐内容属性

CSS 参考：对齐项目属性

CSS 参考：自我对齐属性

HTML DOM 参考：order属性


❮上一节 完整的CSS参考 下一节❯