writing-mode
Defines whether lines of text are laid out horizontally or vertically, and the direction in which blocks progress. This is essential for supporting languages like Chinese, Japanese, or Arabic, and for creative layouts like vertical sidebars.
It is documented as part of the CSS Writing Modes specification.
Syntax
/* Usage Example */
.vertical-text {
/* rotates the text blocks to flow vertically from top to bottom */
writing-mode: vertical-rl;
}
/* Syntax */
writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;
writing-mode: sideways-rl;
writing-mode: sideways-lr;
/* Global values */
writing-mode: inherit;
writing-mode: initial;
writing-mode: revert;
writing-mode: revert-layer;
writing-mode: unset;writing-mode Browser support
Widely available
Since
2017 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.
48+
41+
10.1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more