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.

Value not found in DB!


The -ms-block-progression property is specified as one of the following keyword values.


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.


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.

Document Tags and Contributors

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