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