W3cubDocs

/CSS

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

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.

Edit this page on MDN

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-block-progression