Својството writing-mode

Својството writing-mode задава вертикална или хоризонтална насока на текстот на страницата. Вредностите можат да бидат horizontal-tb (хоризонтално од лево кон десно и од горе надолу), vertical-rl (вертикално од горе надолу и од десно кон лево), vertical-lr (вертикално од горе надолу и од лево кон десно).

Синтакса

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

Пример

Ајде да ја зададеме насоката на нашиот текст хоризонтално од лево кон дево и од горе надолу:

<p>
	Text
</p>

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

Пример

А сега ајде да ја смениме насоката вертикално од горе надолу и од десно кон лево:

<p>
	Text
</p>

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

Пример

Ајде да ја зададеме насоката на нашиот текст вертикално од горе надолу и од лево кон десно:

<p>
	Text
</p>

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

Погледнете исто така

својството font-kerning,
кое задава кернинг на фонтот
својството text-orientation,
кое задава ориентација на симболите во вертикалниот текст