Text-orientation xassəsi

text-orientation xassəsi şaquli mətndə, yəni writing-mode xassəsi vertical-lr və ya vertical-rl dəyərləri ilə təyin olunmuş mətndə simvolların orientasiyasını təyin edir. Xassə iki dəyər qəbul edir: mixed (simvollar saat yönünde 90° döndürülür) və ya upright (simvollar bir-birinin altında yerləşir).

Sintaksis

selektor {
	text-orientation: mixed ve ya upright;
}

Nümunə

Gəlin bütün şaquli mətn simvollarına 90° dönmə təyin edək:

<p>
	Mətn
</p>

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

Nümunə

Gəlin bütün şaquli mətn simvollarını bir-birinin altında yerləşdirək:

<p>
	Mətn
</p>

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

Həmçinin bax

writing-mode xassəsi,
mətnin istiqamətini təyin edir
font-kerning xassəsi,
şriftə kerninqi təyin edir