Свойство writing-mode

Описание

Устанавливает направление текста на странице — по горизонтали или вертикали.

Синтаксис

writing-mode: horizontal-tb | vertical-rl | vertical-lr;

Пример

<!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>
<table>
 <tr>
 <td>horizontal-tb</td>
 <td>vertical-rl</td>
 <td>vertical-lr</td>
 </tr>
 <tr>
 <td>
 <p
 style='writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb'
 >
 Образец текста1
 </p>
 </td>
 <td>
 <p style='writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl'>
 Образец текста2
 </p>
 </td>
 <td>
 <p style='writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr'>
 Образец текста3
 </p>
 </td>
 </tr>
 </table>
</body>
</html>

horizontal-tb	vertical-rl	vertical-lr
Образец текста1	Образец текста2	Образец текста3

Свойство writing-mode

Описание

Синтаксис

Пример

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

Свойство place-content

Свойство grid-row-end

Соседние селекторы

Свойство font-size

Свойство left

Значение	Описание
horizontal-tb	Устанавливает направление текста по горизонтали слева направо и сверху вниз.
vertical-rl	Задаёт направление текста по вертикали сверху вниз и справа налево.
vertical-lr	Задаёт направление текста по вертикали сверху вниз и слева направо.