Свойство 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
Читайте также
Свойство grid-column-end
Определяет местоположение в сетке ссылаясь на конкретные линии. <br>grid-column-end / grid-...
Свойство border-top-style
Устанавливает стиль верхней границы элемента.
Стиль элемента при верно введенных данных
Применяется к элементам форм, у которых введённое пользователем значение находится в заранее зада...
Свойство counter-reset
Устанавливает переменную, в которой будет храниться счётчик отображений определенного элемента, а...
Стили к элементам на основе нумерации
Псевдокласс :nth-child задаёт правила стилей для элементов, которые не содержат указанный селектор.