Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
Specifies the block progression and layout orientation.
![]() |
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.