B.130. writing-mode

This nonstandard property lets you choose between two common layout methods for text: left-to-right horizontal lines stacked top to bottom on the page (the usual layout for western languages like English), and top-to-bottom vertical lines stacked right to left on the page (the usual layout for East Asian languages like Chinese).

For scripts not designed to be displayed this way (e.g. Latin script as used in English text), the tb-rl setting rotates the text 90 degrees clockwise so that it can be read vertically.

Inherited: Yes

See also: Section B.47layout-flow

B.130.1. Value

lr-tb or tb-rl

Initial value: lr-tb

B.130.2. Compatibility

CSS Version: n/a

Internet Explorer 5.5 for Windows or later only.

Equivalent functionality ...

Get HTML Utopia: Designing Without Tables Using CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.