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

• block-progression

• font-language-override

• font-size

• hyphenate-limit-chars

• hyphenate-limit-lines

• hyphenate-limit-zone

• hyphens

• ime-mode

• layout-grid

• layout-grid-char

• layout-grid-line

• layout-grid-mode

• layout-grid-type

• letter-spacing

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• user-modify

• Text

• size

• b

• b

• br

• br

• caption

• cite

• code

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• strong

• Achieving typographic effects with the canvas tag

Related pages

• CSSStyleDeclarationCSSStyleDeclaration
• currentStylecurrentStyle
• defaultsdefaults
• runtimeStyleruntimeStyle
• stylestyle
• directiondirection

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]