Свойство 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

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

Стиль заблокированных элементов форм

Псевдокласс <span class='samp'>:disabled</span> используется для приме...

Свойство flex-wrap

Указывает, следует ли флексам располагаться в одну строку или можно занять несколько строк.<br...

Свойство counter-increment

Позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте ...

Свойство color

Указывает цвет текста.

Стиль выделенного пользователем текста

Псевдоэлемент ::selection применяет стиль к выделенному пользователем тексту. В правилах стилей д...