-ms-block-progression property
Specifies the block progression and layout orientation.
.png "Internet Explorer 8"){kind=icon} |
Syntax
-ms-block-progression: tb | rl | bt | lr
Property values
tb
Default. Top-to-bottom block flow. Layout is horizontal.rl
Right-to-left block flow. Layout is vertical.bt
Bottom-to-top block flow. Layout is horizontal.lr
Left-to-right block flow. Layout is vertical.
CSS information
| Applies To | All elements |
| Media | visual |
| Inherited | no |
| Initial Value |
Standards information
There are no standards that apply here.
Remarks
In vertical layout, text lines are rotated 90° clockwise. Images are not rotated, but tables are. Box layout in vertical orientations is exactly analogous to layout in the horizontal orientation: width, height, top, bottom, right, and left do not rotate with the text.
Only one block progression is active at a time; these values cannot be combined. See -ms-writing-mode for additive block progression values.
This property is based on the block-progression property of the CSS3 Text Layout module.