text-orientation

세로 쓰기 모드에서 글자의 방향을 제어합니다. writing-mode: vertical과 함께 사용합니다.

클래스 목록

클래스	CSS	설명
`tom`	text-orientation: mixed	혼합 (CJK 직립, 라틴 회전)
`tou`	text-orientation: upright	모든 문자 직립
`tosr`	text-orientation: sideways-right	오른쪽으로 눕힘
`tos`	text-orientation: sideways	옆으로 눕힘

writing-mode 클래스와 함께 사용해야 효과가 나타납니다.

<!-- 세로 쓰기 + 혼합 방향 -->
<div class="wmvr tom">
  한글과 English가 섞인 텍스트
</div>

<!-- 세로 쓰기 + 모든 문자 직립 -->
<div class="wmvr tou">
  ABCDE 12345
</div>

CJK vs Latin

tom(mixed)은 CJK 문자는 직립, 라틴 문자는 회전시킵니다. tou(upright)는 모든 문자를 직립시킵니다.