A text-orientation tulajdonság

A text-orientation tulajdonság a karakterek tájolását határozza meg függőleges szövegben, azaz amelyre a writing-mode tulajdonság van beállítva a vertical-lr vagy vertical-rl értékekkel. A tulajdonság két értéket fogad el: mixed (a karakterek 90°-kal elfordulnak az óramutató járása szerint) vagy upright (a karakterek egymás alá helyezkednek el).

Szintaxis

szelektor {
	text-orientation: mixed vagy upright;
}

Példa

Állítsuk be az összes függőleges szöveg karakterének elfordítását 90°-kal:

<p>
	Szöveg
</p>

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

Példa

Helyezzük el az összes függőleges szöveg karakterét egymás alá:

<p>
	Szöveg
</p>

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

Lásd még

a writing-mode tulajdonság,
amely a szöveg irányát határozza meg
a font-kerning tulajdonság,
amely a betűközlést határozza meg a betűtípushoz