box-orient

Summary

Deprecated

Overview table

Initial value

inline-axis

Applies to

box elements

Inherited

No

Media

visual

Computed value
:

Animatable

No

CSS Object Model Property
:

Syntax

• box-orient: block-axis
• box-orient: horizontal
• box-orient: inherit
• box-orient: inline-axis
• box-orient: vertical

Values

horizontal

Child elements are displayed in a horizontal line from left to right.

vertical

Child elements are displayed in a vertical stack from top to bottom.

inline-axis

Default.

Child elements are displayed along the inline axis.

block-axis

Child elements are displayed along the block axis.

inherit

Child elements are displayed in the same orientation as the computed value of this property for the parent element.

Usage

 Do not use. This property has been replaced by -ms-flex-direction

Specifies the orientation in the layout of all child elements of the object.

Related specifications

Flexible Box Layout Module

W3C Working Draft (Obsolete)

See also

Related articles

CSS Layout

• Responsive Web Design

• @import

• align-self

• background

• box-decoration-break

• box-flex

• box-lines

• box-orient

• box-pack

• box-shadow

• break-before

• flex-align

• flex-item-align

• flex-line-pack

• grid-auto-rows

• grid-definition-columns

• grid-definition-rows

• height

• max-width

• user-modify

• baseline-shift

Related pages

• CSSStyleDeclarationCSSStyleDeclaration
• currentStylecurrentStyle
• stylestyle

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]