Свойство text-orientation

Описание

Устанавливает ориентацию текстовых символов в строке и применяется только к вертикальному тексту (когда свойство writing-mode задано как vertical-lr или vertical-rl).

Синтаксис

text-orientation: mixed | upright;
Значение Описание
mixed В вертикальном режиме символы разворачиваются на 90° по часовой стрелке.
upright В вертикальном режиме символы размещаются естественным путём друг под другом.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #t1 {
 text-orientation: upright;
 writing-mode: vertical-lr;
 }
 </style>
 <p id='t1'>
 WEBIK
 </p>
</body>
</html>

WEBIK

Читайте также