Својство writing-mode

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

Синтакса

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

Пример

Поставимо нашем тексту правац хоризонтално са лева на десно и одозго надоле:

html<p>
  Text
</p>

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

Результат:

Пример

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

html<p>
  Text
</p>

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

Результат:

Пример

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

html<p>
  Text
</p>

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

Результат:

Погледајте такође