HTML and CSS Reference
In-Depth Information
Name
box-orient
Values:
horizontal
|
vertical
|
inline-axis
|
block-axis
Initial value:
inline-axis
Applies to:
Elements with a
display
value of
box
or
inline-box
Inherited:
No
Computed value:
As declared
Description:
Defines the direction in which flexible boxes are arranged within their parent box.
horizont-
al
boxes arrange the flexible boxes from left to right, and
vertical
boxes from top to bottom.
inline-axis
and
block-axis
have language-dependent effects; in a left-to-right, top-to-bot-
tom language such as English, they are equivalent to
horizontal
and
vertical
.
Examples:
#nav {box-orient: horizontal;}
#sidebar {box-orient: vertical;}
Note:
This property is from the 2009 version of the Flexible Box specification. It is expected to be
deprecated by a new version of the specification, and potentially retired from browsers some
time after.