ExampleDisplay the children of a div box from right to left:
Try it yourself » |
The box-direction property is not supported in any of the major browsers.
Firefox supports an alternative, the -moz-box-direction property.
Safari and Chrome support an alternative, the -webkit-box-direction property.
The box-direction property specifies in which direction the children of a box are displayed.
Default value: | normal |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.boxDirection="reverse" |
box-direction: normal|reverse|inherit; |
Value | Description |
---|---|
normal | Display children in horizontally boxes from left to right, and children in vertically boxes from top to bottom |
reverse | Display children in horizontally boxes from right to left, and children in vertically boxes from bottom to top |
inherit | The value of the box-direction property should be inherited from the parent element |