order
The order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order
value and then by their source code order.
Safe to Use
order
is considered safe to use.
It’s supported by 94% of global browsers.
Browsers
Version Breakdown
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Since Firefox 28, multi-line flexbox is supported.
Implemented with the vendor prefix: -webkit-
Full Support
Since Firefox 28, multi-line flexbox is supported.
Implemented with the vendor prefix: -webkit-
Full Support
Implemented with the vendor prefix: -ms-
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Full Support
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Implemented with the vendor prefix: -webkit-
Full Support
Implemented with the vendor prefix: -webkit-
See Also
- CSS Flexbox Guide: Basic Concepts of Flexbox
- CSS Flexbox Guide: Ordering flex items
- CSS Grid Guide: CSS Grid Layout and accessibility