Skill/CSS

CSS - 텍스트 세로로 작성하기 writing-mode

2024. 7. 9.

writing-mode

텍스트와 블록 요소의 내용 흐름 방향을 설정하는 데 사용된다. 수평, 수직, 왼쪽으로 오른쪽으로, 오른쪽에서 왼쪽으로 등의 디자인적으로 글을 써야 할 때 방향을 지정해주면 된다.

horizontal-tb	수평방향	왼쪽에서 → 오른쪽으로 위에서 → 아래로	기본값
vertical-rl	수직방향	위에서 → 아래로 오른쪽에서 → 왼쪽으로	일본어, 중국어, 한국어 등에서 세로쓰기 방식에서 주로 사용 영문은 180deg 회전한 형태로 첫번째 줄이 오른쪽에서 시작한다.
vertical-lr	수직방향	위에서 → 아래로 왼쪽에서 → 오른쪽으로	영문은 180deg 회전한 형태로 첫번째 줄이 왼쪽에서 시작한다.