Egenskapen text-orientation

Egenskapen text-orientation sätter orienteringen av tecken i vertikal text, d.v.s. som har satts med egenskapen writing-mode med värdena vertical-lr eller vertical-rl. Egenskapen tar två värden: mixed (tecken roteras 90° medurs) eller upright (tecken placeras under varandra).

Syntax

selektor {
	text-orientation: mixed eller upright;
}

Exempel

Låt oss rotera alla tecken i den vertikala texten 90°:

<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;
}

Exempel

Låt oss placera alla tecken i den vertikala texten under varandra:

<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;
}

Se även

egenskapen writing-mode,
som sätter textriktning
egenskapen font-kerning,
som sätter kerning för typsnitt