Gets or sets a value that specifies the display order of all child elements of the object.
This property is read/write.
![]() ![]() |
Syntax
-ms-flex-direction: row | column | row-reverse | column-reverse | inherit
Property values
One of the following display order values.
row-
Initial value. Child elements are displayed in the same order that they are declared in the source document, from left to right.
column-
Child elements are displayed in the same order that they are declared in the source document, from top to bottom.
row-reverse-
Child elements are displayed in the reverse order that they are declared in the source document, from right to left.
column-reverse-
Child elements are displayed in the reverse order that they are declared in the source document, from bottom to top.
inherit-
Child elements are displayed in the same order as the computed value of this property for the parent element.
CSS information
| Applies To | flexbox elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | row |
Standards information
- Flexible Box Layout Module, Section 6.1
See also
Send comments about this topic to Microsoft
Build date: 11/29/2012

