Свойство 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>
Читайте также
Функция calc()
Используется для указания вычисляемого значения свойств, которые в качестве значений используют р...
Свойство margin-left
Устанавливает величину отступа от левой границы текущего элемента до внутренней границы его родит...
Свойство flex-shrink
Устанавливает коэффициент сжатия флексов в контейнере и задаёт, насколько элемент будет уменьшать...
Свойство min-height
Устанавливает минимальную высоту элемента.<br><br>Значение высоты элемента будет вычи...
Свойство object-fit
Управляет соотношением сторон заменяемых элементов, таких как img и video, когда у них задана шир...