Properti text-orientation

Properti text-orientation mengatur orientasi karakter dalam teks vertikal, yaitu teks yang telah diberikan properti writing-mode dengan nilai vertical-lr atau vertical-rl. Properti ini menerima dua nilai: mixed (karakter diputar 90° searah jarum jam) atau upright (karakter ditempatkan saling bertumpuk ke bawah).

Sintaks

selector {
	text-orientation: mixed atau upright;
}

Contoh

Mari kita berikan putaran 90° untuk semua karakter dalam teks vertikal:

<p>
	Text
</p>

body {
	width: 200px;
	height: 100px;
}
p {
	text-orientation: mixed;
	background: #467CBC;
	color: white;
	padding: 10px;
	font-size: 2rem;
	writing-mode: vertical-lr;
}

Contoh

Mari tempatkan semua karakter teks vertikal saling bertumpuk ke bawah:

<p>
	Text
</p>

body {
	width: 200px;
	height: 100px;
}
p {
	text-orientation: upright;
	background: #467CBC;
	color: white;
	padding: 10px;
	font-size: 2rem;
	writing-mode: vertical-lr;
}

Lihat juga

properti writing-mode,
yang mengatur arah teks
properti font-kerning,
yang mengatur kerning font