CSS3 box-direction property

The child elements of the div box are displayed in the opposite direction:

div
{
width:350px;
height:100px;
border:1px solid black;

/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;

/* Safari、Opera 以及 Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;

/* W3C */
display:box;
box-direction:reverse;
}

Give it a try yourself

Browser support

There is currently no browser that supports the box-direction property.

Firefox supports alternative -moz-box-direction properties.

Safari, Opera, and Chrome support alternative -webkit-box-direction properties.

Definitions and usages

The box-direction property specifies which direction the child elements of the box element are arranged.

Grammar

box-direction: normal|reverse|inherit;