text-orientation 속성
text-orientation 속성은
writing-mode 속성이
vertical-lr 또는
vertical-rl 값으로 설정된 세로 쓰기 텍스트에서
문자의 방향을 지정합니다. 이 속성은 두 가지 값을 가집니다:
mixed (문자가 90°
시계 방향으로 회전함) 또는 upright (문자가 서로 위아래로 쌓임).
문법
선택자 {
text-orientation: mixed 또는 upright;
}
예시
세로 쓰기 텍스트의 모든 문자를
90° 회전시켜 보겠습니다:
<p>
텍스트
</p>
body {
width: 200px;
height: 100px;
}
p {
text-orientation: mixed;
background: #467CBC;
color: white;
padding: 10px;
font-size: 2rem;
writing-mode: vertical-lr;
}
:
예시
세로 쓰기 텍스트의 모든 문자를 서로 위아래로 쌓아 보겠습니다:
<p>
텍스트
</p>
body {
width: 200px;
height: 100px;
}
p {
text-orientation: upright;
background: #467CBC;
color: white;
padding: 10px;
font-size: 2rem;
writing-mode: vertical-lr;
}
:
함께 보기
-
텍스트 방향을 지정하는
writing-mode속성 -
폰트 커닝을 지정하는
font-kerning속성