CSS:-moz-box-direction
From MDC
« CSS « CSS Reference « CSS Reference:Mozilla Extensions
[edit] Summary
In Mozilla applications, -moz-box-direction specifies whether a
box lays out its contents normally (from the top or left edge), or in reverse
(from the bottom or right edge).
- Initial value: normal
- Applies to: elements with a CSS
displayvalue of-moz-boxor-moz-inline-box - Inherited: no
- Percentages: n/a
- Media:
visual - Computed value: as specified
[edit] Syntax
-moz-box-direction: normal | reverse
[edit] Values
- normal
- The box lays out its contents from the start (the left or top edge).
- reverse
- The box lays out its contents from the end (the right or bottom edge).
[edit] Examples
vbox.example {
-moz-box-direction: reverse; /* bottom-to-top layout */
}
[edit] Notes
The edge of the box designated the start for layout purposes depends on the box's orientation:
| Horizontal | left |
| Vertical | top |
The edge opposite to the start is designated the end.
If the direction is set using the element's dir attribute, then the style is ignored.