Search within TutorialsPark

CSS3 order Property


To specify the order of items within the flex-box


Definition and Notes.

1. The CSS3 order property is used to set the order in which the elements are laid out in the flex container. Values must be an Integer (positive and negative), the default value of all elements is 0

2. Elements with same value are displayed in the order in which they appear in the HTML markup. Elements with the least value is displayed first. Hence, negative values are used.


Syntax:

CSS order property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- The order of all the flex items are 0 by default.

Property Values

Value Description
<number> Number denotes the order of items within the flex-box.Values must be an Integer (positive and negative), the default value of all elements is 0

Specifications

Specs Value
Name order
Value <integer>
Initial Value 0
Applies to flex items and absolutely positioned children of flex-containers
Javascript syntax object.style.order=6
Inherited No
Computed Value Same as declared value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.