Свойство 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-...
Свойство caption-side
Определяет положение заголовка таблицы, который задается с помощью элемента caption. Свойство выв...
Свойство transform
Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, ...
Свойство min-height
Устанавливает минимальную высоту элемента.<br><br>Значение высоты элемента будет вычи...
Стили в полноэкранном режиме
Псевдокласс :fullscreen применяется к элементам, когда браузер находится в полноэкранном режиме. ...