text-orientation Özelliği

text-orientation özelliği, dikey metindeki (yani writing-mode özelliği vertical-lr veya vertical-rl değerleriyle ayarlanmış metin) karakterlerin yönlendirmesini belirler. Özellik iki değer alır: mixed (karakterler saat yönünde 90° döndürülür) veya upright (karakterler alt alta yerleştirilir).

Sözdizimi

seçici {
	text-orientation: mixed veya upright;
}

Örnek

Dikey metindeki tüm karakterleri 90° döndürelim:

<p>
	Metin
</p>

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

Örnek

Dikey metindeki tüm karakterleri alt alta yerleştirelim:

<p>
	Metin
</p>

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

Ayrıca Bakınız

metin yönünü belirleyen writing-mode özelliği
yazı tipi kerning'ini belirleyen font-kerning özelliği