order
Changes the visual order of items within a Flexbox or Grid container without changing their actual order in the HTML code.
It is documented as part of the CSS Display specification.
Syntax
/* Usage Example */
.sticky-nav {
/* Moves the navigation to the very end of the flex container */
order: 999;
}
/* Global values */
order: inherit;
order: initial;
order: revert;
order: revert-layer;
order: unset;
order Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
29+
20+
9+
12+