Style order
Property
Example
Set the order of flexible items:
Definition and Usage
The order
property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.
Note: The order
property has no effect if the element is not a flexible item.
Browser Support
Firefox, Opera, and Chrome support the order
property.
Syntax
Return the order
property:
Set the order
property:
Property Values
Value | Description |
---|---|
number | Default value is 0. Specifies the order of the flexible item. |
initial | Sets this property to its default value. See initial |
inherit | Inherits this property from its parent element. See inherit |
Technical Details
Default value: | 0 |
---|---|
Return value: | String, representing the order property of the element. |
--- | --- |
CSS version | CSS3 |
--- | --- |
Related Articles
CSS Reference: order Property
HTML DOM STYLE Reference: alignContent Property
HTML DOM STYLE Reference: alignItems Property
HTML DOM STYLE Reference: alignSelf Property
HTML DOM STYLE Reference: flex Property
HTML DOM STYLE Reference: flexBasis Property
HTML DOM STYLE Reference: flexDirection Property
HTML DOM STYLE Reference: flexFlow Property
HTML DOM STYLE Reference: flexGrow Property
HTML DOM STYLE Reference: flexShrink Property
HTML DOM STYLE Reference: flexWrap Property