box-ordinal-group

  • 版本：CSS3
  • 媒体：视觉

语法：

box-ordinal-group：<integer>

默认值：1

适用于：伸缩盒子元素

继承性：无

动画性：否

计算值：指定值

取值：

<integer>：
用整数值来定义伸缩盒对象的子元素显示顺序。

说明：

设置或检索伸缩盒对象的子元素的显示顺序。
  • 效果等同于过渡版本的flex-order属性和新版本的order属性；
  • 数值较低的元素显示在数值较高的元素前面；
  • 相同数值的元素，它们的显示顺序取决于它们的代码顺序；
  • 对应的脚本特性为boxOrdinalGroup。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0-moz- 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-29.0-webkit- 6.0-8.3-webkit- 2.1-4.4.4-webkit- 18.0-42.0-webkit-

示例：

相关文章
css ie conditions hackcss animation durationcss backgroundcss box shadowcss contentcss align selfcss css flexible box layout module indexcss box aligncss box directioncss box flex groupcss box flexcss box linescss box ordinal groupcss box orientcss box packcss css flexible box layout module indexcss font weightcss webkit box reflectcss box sizingphp ui window show error box
关注编程学问公众号