text-orientation xususiyati

text-orientation xususiyati vertikal matndagi, ya'ni writing-mode xususiyati vertical-lr yoki vertical-rl qiymatlariga ega bo'lgan matndagi belgilarning yo'nalishini belgilaydi. Xususiyat ikkita qiymatni qabul qiladi: mixed (belgilar soat yo'nalishi bo'yicha 90° buriladi) yoki upright (belgilar bir-biri ostiga joylashadi).

Sintaksis

selector {
	text-orientation: mixed yoki upright;
}

Misol

Keling, vertikal matndagi barcha belgilarni 90° buramiz:

<p>
	Matn
</p>

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

Misol

Keling, vertikal matndagi barcha belgilarni bir-biri ostiga joylashtiramiz:

<p>
	Matn
</p>

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

Shuningdek qarang

writing-mode xususiyati,
bu matnning yo'nalishini belgilaydi
font-kerning xususiyati,
bu shriftning kernig'ini belgilaydi