writing-mode

The writing-mode CSS property specifies whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.

Syntax

CSS

writing-mode: value;

JS

object.style.writingMode = "value";

Values

<'writing-mode'> = horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
horizontal-tb

Top-to-bottom block flow direction. Both the writing mode and the typographic mode are horizontal.

vertical-rl

Right-to-left block flow direction. Both the writing mode and the typographic mode are vertical.

vertical-lr

Left-to-right block flow direction. Both the writing mode and the typographic mode are vertical.

sideways-rl

Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal.

sideways-lr

Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal.

Initial

horizontal-tb

Examples

horizontal-tb

vertical-rl

vertical-lr

sideways-rl

sideways-lr

JS

Internal

direction

text-combine-upright

text-orientation

unicode-bidi

External

World Wide Web Consortium (W3C)

Home Menu