CSS writing-mode Property

Description

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

Initial value
horizontal-tb
Applies to
All elements except table row groups, table column groups, table rows, and table columns
Inherited
Yes
Media
Visual
Computed value
Specified value
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.writingMode

Syntax

Formal syntax: horizontal-tb | vertical-rl | vertical-lr

writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

Values

  • horizontal-tbTop-to-bottom block flow direction. The writing mode is horizontal.
  • vertical-rlRight-to-left block flow direction. The writing mode is vertical.
  • vertical-lrLeft-to-right block flow direction. The writing mode is vertical.

Example

.class {
   writing-mode: vertical-rl;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
9?????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????