writing-mode хусусияти

writing-mode хусусияти саҳифадаги матнни вертикал ёки горизонтал йўналишини белгилайди. Қийматлар horizontal-tb (горизонтал чапдан ўнгга ва юқоридан пастга), vertical-rl (вертикал юқоридан пастга ва ўнгдан чапга), vertical-lr (вертикал юқоридан пастга ва чапдан ўнгга) бўлиши мумкин.

Синтаксис

селектор {
	writing-mode: horizontal-tb или vertical-rl или vertical-lr;
}

Мисол

Келинг, матнимизга горизонтал чапдан ўнгга ва юқоридан пастга йўналишни белгилаймиз:

<p>
	Матн
</p>

body {
	width: 100px;
	height: 50px;
}
p {
	writing-mode: horizontal-tb;
	font-size: 2em;
	margin-top: 0;
}

Мисол

Энди эса вертикал юқоридан пастга ва ўнгдан чапга йўналишни ўзгартирамиз:

<p>
	Матн
</p>

body {
	width: 100px;
	height: 50px;
}
p {
	writing-mode: vertical-rl;
	font-size: 2em;
	margin-top: 0;
}

Мисол

Келинг, матнимизга вертикал юқоридан пастга ва чапдан ўнгга йўналишни белгилаймиз:

<p>
	Матн
</p>

body {
	width: 100px;
	height: 50px;
}
p {
	writing-mode: vertical-lr;
	font-size: 2em;
	margin-top: 0;
}

Ҳам қаранг

font-kerning хусусияти,
шрифтга кернингни белгиловчи
text-orientation хусусияти,
вертикал матндаги символларга йўналишни белгиловчи