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 valuehorizontal-tb
  • Applies toAll elements except table row groups, table column groups, table rows, and table columns
  • InheritedYes
  • MediaVisual
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.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

?Firefox8+Explorer?Chrome?Safari?Opera

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.