Својство 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;
}

Пример

A сада променимо правац вертикално одозго надоле и са десна на лево:

<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,
које поставља оријентацију симболима у вертикалном тексту