-ms-block-progression

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 valuetb
Applies toall elements
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

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.
rl
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.

Document Tags and Contributors

Contributors to this page: jameshkramer, chrisdavidmills
Last updated by: jameshkramer,