box-direction property CSS Reference



Definition and Usage

The box-direction property specifies the direction in which child elements of a box element are laid out.

Default value: normal
Inherited: no
Version: CSS3
JavaScript syntax: object.style.boxDirection="reverse"

Syntax

 box-direction: normal|reverse|inherit;

Values

Value Description
normal Display the child elements in the default direction
reverse Display the child elements in the reverse direction
inherit The value of the box-direction property should be inherited from the parent element

Examples

div {
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-direction:row-reverse;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
} 

Relative articles