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
Media visual
Computed value as specified
Animation type discrete
Canonical order the unique non-ambiguous order defined by the formal grammar



Default. Top-to-bottom block flow. Layout is horizontal.
Right-to-left block flow. Layout is vertical.
Bottom-to-top block flow. Layout is horizontal.
Left-to-right block flow. Layout is vertical.

Formal syntax

  tb | rl | bt | lr


Not part of any specification.


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.

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.