text-orientation
Controls character orientation in vertical writing mode. Used with writing-mode: vertical.
Class List
| Class | CSS | Description |
|---|---|---|
tom | text-orientation: mixed | Mixed (CJK upright, Latin rotated) |
tou | text-orientation: upright | All characters upright |
tosr | text-orientation: sideways-right | Rotated to the right |
tos | text-orientation: sideways | Laid on its side |
Usage Examples
Must be used with writing-mode classes to take effect.
<!-- Vertical writing + mixed orientation -->
<div class="wmvr tom">
Text with mixed Korean and English
</div>
<!-- Vertical writing + all characters upright -->
<div class="wmvr tou">
ABCDE 12345
</div>Tips
CJK vs Latin
tom (mixed) keeps CJK characters upright and rotates Latin characters. tou (upright) keeps all characters upright.