Свойство 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>Читайте также
Свойство clear
Указывает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отме...
Свойство display
Определяет, как элемент должен быть показан в документе....
Стиль первой строки форматированного текста
Псевдоэлемент ::first-line задаёт стиль первой строки форматированного текста. Длина этой строки зависит от многих факторов, таких как используемый шр...
Свойство border-left-color
Устанавливает цвет левой границы элемента....