Easy Tutorial
❮ Css3 Pr Overflow Y Css3 Pr Box Direction ❯

CSS3 box-ordinal-group Property

Example

Specifies the display order of child elements within a box:


Browser Support

Currently, mainstream browsers do not support the box-ordinal-group property.

Internet Explorer 10 supports it through the proprietary property ms-flex-order.

Firefox supports it through the proprietary property -moz-box-ordinal-group.

Safari and Chrome support it through the proprietary property -webkit-box-ordinal-group.

Note: Internet Explorer 9 and earlier versions do not support flexbox.


Property Definition and Usage

The box-ordinal-group property specifies the display order of child elements within a box.

Elements with lower values are displayed before those with higher values.

Note: Elements with the same group value are displayed in the order they appear in the source.

Default value: 1
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.boxOrdinalGroup=2
--- ---

Syntax

Value Description
integer An integer indicating the display order of the child elements
❮ Css3 Pr Overflow Y Css3 Pr Box Direction ❯