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

Результат:

Пример

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

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;
}

Результат:

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