Свойство 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>Читайте также
Свойство column-count
Определяет количество колонок в многоколоночном тексте....
Вложенные селекторы
При создании веб-страницы часто приходится вкладывать одни элементы внутрь других. Чтобы стили для этих элементов использовались корректно, помогут вл...
Свойство perspective-origin
Задаёт координаты точки, куда смотрит наблюдатель. Это свойство работает совместно со свойством perspective и определяет точку сходимости линий при пе...
Свойство filter
Применяет художественные эффекты к элементам. Обычно используется для изображений....