O'Reilly logo

CSS Pocket Reference, 4th Edition by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Name

box-direction

Values:

normal | reverse

Initial value:

normal

Applies to:

Elements with a display value of box or inline-box

Inherited:

No

Computed value:

As declared

Description:

Defines the direction in which the children of a box are laid out. If the value is reverse, then the children are laid out from right to left in a horizontal box, and from bottom to top in a vertical box.

Examples:

#tower {box-direction: reverse;}

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.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required