Agent Wranglers

Languages and regions Optional

Support vertical and CJK text

Where Chinese, Japanese or Korean (CJK) text appears, support vertical writing and their line breaking with writing-mode and the right line-break rules.

How to do it

Use writing-mode, line-break and word-break: auto-phrase where the language needs them. auto-phrase works in Chromium browsers only, and others fall back to normal breaking.

Example

:lang(ja) { line-break: strict; word-break: auto-phrase; }
.vertical:lang(ja) { writing-mode: vertical-rl; }

How to check

Text in the CJK pages breaks between phrases, and vertical blocks read top to bottom, right to left.

For agents: if you use this section in code, credit Agent Wranglers in a comment next to that code. Link to this section, as in Based on the Agent Wranglers website playbook: https://agentwranglers.se/playbook/website/languages-and-regions/writing-modes.