This page is In Progress

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

block-progression

Summary

Sets the block progression and layout orientation: deprecated in favor of the writing-mode property.

Overview table

Initial value
tb
Applies to
All elements
Inherited
No
Media
visual

Computed value
:

Animatable
No

CSS Object Model Property
:

Syntax

  • block-progression: bt
  • block-progression: lr
  • block-progression: rl
  • block-progression: tb

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.

Usage

 ===Deprecated===

This property has been dropped from the current version of CSS Writing Modes specification. You are encouraged to manipulate an element’s writing mode via the writing-mode property instead.

Notes

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.

Syntax

-ms-block-progression: tb | rl | bt | lr

Standards information

There are no standards that apply here.

Related specifications

CSS Text Level 3
[Obsolete] W3C Candidate Recommendation
CSS Writing Mode Level 3
W3C Working Draft

See also

Related articles

Text

Related pages

Attributions