Атрибут dir тега <p>

Описание

Атрибут dir определяет направление текста в элементе <p>. Он особенно полезен для языков с написанием справа налево (RTL), таких как арабский или иврит.

Пример использования:
<p dir="rtl"> هذا نص باللغة العربية يكتب من اليمين إلى اليسار </p> <p dir="ltr"> This text is in English and flows left-to-right </p>

Доступные значения:

Значение Описание Применение
ltr Слева направо (по умолчанию) Для большинства европейских языков
rtl Справа налево Для арабского, иврита и других RTL-языков
auto Автоматическое определение Когда направление неизвестно заранее

Рекомендации по использованию:

  • Всегда указывайте для текстов на RTL-языках
  • Сочетайте с атрибутом lang для лучшей семантики
  • Для смешанного контента используйте dir="auto"
  • Тестируйте отображение в разных браузерах

Пример с автоматическим определением:

<p dir="auto">Hello! مرحبا!</p>

Совместимость с CSS:

<style> .arabic-text { font-family: 'Traditional Arabic', Arial, sans-serif; text-align: right; /* Выравнивание для RTL */ } </style> <p dir="rtl" class="arabic-text">النص العربي</p>

Особенности работы:

  • Влияет на порядок текста и пунктуации
  • Изменяет направление чисел (для RTL)
  • Поддерживается всеми современными браузерами
  • Может наследоваться от родительских элементов

Примечание: Для полноценной поддержки RTL-языков также необходимо учитывать выравнивание текста (text-align), направление margin/padding и позиционирование других элементов интерфейса.