-ms-block-progression property

Article
01/11/2017

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.