Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The -ms-block-progression CSS property is a Microsoft extension that specifies the block progression and layout orientation.
| Initial value | tb |
|---|---|
| Applies to | all elements |
| Inherited | no |
| Computed value | as specified |
| Animation type | discrete |
Syntax
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.
Formal syntax
tb | rl | bt | lr
Specifications
Not part of any specification.
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.
This property is based on the block-progression property of the CSS3 Text Layout module.