De text-orientation eigenschap

De eigenschap text-orientation bepaalt de oriëntatie van karakters in verticale tekst, d.w.z. waaraan de eigenschap writing-mode met de waarden vertical-lr of vertical-rl is toegewezen. De eigenschap accepteert twee waarden: mixed (karakters worden 90° met de klok mee gedraaid) of upright (karakters worden onder elkaar geplaatst).

Syntaxis

selector {
	text-orientation: mixed of upright;
}

Voorbeeld

Laten we alle karakters van de verticale tekst een draai van 90° geven:

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

Voorbeeld

Laten we alle karakters van de verticale tekst onder elkaar plaatsen:

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

Zie ook

de eigenschap writing-mode,
die de tekstrichting bepaalt
de eigenschap font-kerning,
die de font-kerning bepaalt