The CSS order property
Set the order of the elastic box object elements:
div#myBlueDIV {order:4;}
div#myGreenDIV {order:3;}
div#myPinkDIV {order:1;}
Try it out . . .
Browser support
The numbers in the table support the version number of the first browser for this property.
The number immediately after -webkit-, -ms - or -moz - is the first version that supports the prefix property.
Property | |||||
---|---|---|---|---|---|
order |
29.0
21.0 -webkit- |
11.0 |
28.0
18.0 -moz- |
9.0
6.1 -webkit- |
17.0 |
Definitions and usages
ORDER Property Sets Or Retrieves The Order In Which Child Elements of an Elastic Bunk Object Appear.
Note: The order property has no effect if the element is not an element of an elastic box object.
Default: | 0 |
---|---|
Inherited: | Whether |
Animated: | Yes, see individual properties. S ee Animation . Give it a try |
Version: | CSS3 |
JavaScript syntax: | object .style.order="2" Give it a try |
CSS syntax
The property value
value | describe |
---|---|
number | The default is 0.Statulate the order of flexible projects. |
initial | Set this property for its default value.See initial 。 |
inherit | Inheriting this property from the parent element.See inherit 。 |
Related articles
CSS Reference Manual: flex attribute
CSS Reference Manual: flex-basis properties
CSS Reference Manual: flex-direction properties
CSS Reference Manual: flex-flow properties
CSS Reference Manual: flex-grow property
CSS Reference Manual: flex-shrink properties
CSS Reference Manual: flex-wrap properties
CSS Reference Manual: align-content property
CSS Reference Manual: align-items property
CSS Reference Manual: align-self property