Свойство 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>Читайте также
Свойство background-color
Определяет цвен фона. По уммолчанию значением является transparent....
Стиль активного элемента
Определяет стиль активного элемента. Это такое состояние элемента, которое происходит между щелчком и отпусканием клавиши мыши. В основном применяется...
Свойство object-fit
Управляет соотношением сторон заменяемых элементов, таких как img и video, когда у них задана ширина или высота, а также способом масштабирования. Сво...
Применяется к дочернему элементу указанного типа
Псевдокласс :only-of-type применяется к дочернему элементу указанного типа, только если он является единственным у родителя....