Skip to content

The CSS writing modes module defines support for various international writing modes and their combinations, including left-to-right and right-to-left text ordering as well as horizontal and vertical orientations.

A writing mode in CSS is determined by the writing-mode, direction, and text-orientation properties defined in this module. It is defined primarily in terms of its inline base direction and block flow direction.

Some horizontal languages are left-to-right, including Latin and Indic scripts. Other horizontal languages are written right-to-left, including Hebrew and Arabic scripts. Sometimes text needs to be bidirectional, such as when mixing left-to-right and right-to-left scripts. Some languages can be written with a vertical orientation, for example, Chinese, Japanese, and Korean (CJK) scripts.

The CSS writing module addresses the orientations of all writing modes. Other modules, such as the CSS ruby layout module, provide rendering models and formatting controls related to the display text annotations.

Reference

Properties

  • direction
  • glyph-orientation-vertical
  • text-combine-upright
  • text-orientation
  • unicode-bidi
  • writing-mode

Glossary and terms

Guides

CSS text module

  • hanging-punctuation
  • hyphens
  • letter-spacing
  • line-break
  • overflow-wrap
  • text-align
  • text-align-last
  • text-indent
  • text-justify
  • word-break
  • word-spacing

CSS inline layout module

  • alignment-baseline
  • dominant-baseline
  • line-height
  • text-box-edge
  • text-box-trim
  • text-box shorthand
  • text-edge

CSS logical properties and values module

CSS display module

CSS generated content

  • quotes

SVG

HTML

JavaScript

Specifications

See also