Свойство direction
Описание
Предназначено для web - сайтов, в которых имеет значение направление текста.
Например, арабский алфавит читается справа на лево.
Свойство универсально и управляет следующими возможностями:
- способ отображения текста в блоке;
- порядок колонок в таблице;
- позиция полосы прокрутки в блоке;
- положение последней висячей строки текстового блока при text-align: justify.
Синтаксис
direction: ltr | rtl;Подробности
| Значение | Описание |
| ltr | Устанавливает направление слева направо. |
| rtl | Задаёт направление справа налево. |
Пример
<!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>
.rtl {
direction: rtl;
width: 200px;
overflow: scroll;
padding: 5px;
border: 1px solid #000;
}
</style>
<div class='rtl'>Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Города ручеек которой предупредила, текстов снова продолжил за живет рот.</div>
</body>
</html>Читайте также
Свойство min-width
Устанавливает минимальную ширину элемента.
Значение ширины элемента будет вычисляться в зависимости от значений установленных свойств width, ma...
Пустые элементы
Представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста, пробелов или переносов строк....
Функция repeating-linear-gradient()
Создаёт бесконечно повторяющийся линейный градиент, образуя тем самым фоновый узор. По своему действию похожа на функцию linear-gra...
Свойство
Задаёт, как выводить линию под или над текстом, когда линия пересекает выносные элементы букв, вроде «у», «р», «ц» и др. Линия может быть сплошной или...