AAtomic CSS

text-orientation

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

클래스 목록

<tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">클래스CSS설명
tomtext-orientation: mixed혼합 (CJK 직립, 라틴 회전)
toutext-orientation: upright모든 문자 직립
tosrtext-orientation: sideways-right오른쪽으로 눕힘
tostext-orientation: sideways옆으로 눕힘

사용 예시

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

<!-- 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>

팁

CJK vs Latin

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

text-justifyperspective-origin