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

Описание

Атрибут dir определяет направление текста в элементе <ins>. Он особенно полезен для многоязычных документов, где могут встречаться языки с разным направлением письма.

Пример использования:
<p> Цена изменена на <ins dir="ltr">$99.99</ins> (было <del>$120</del>) </p> <p dir="rtl"> النص بالعربية <ins>إضافة جديدة</ins> </p>

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

Значение Описание Пример
ltr Слева направо (left-to-right) <ins dir="ltr">Text</ins>
rtl Справа налево (right-to-left) <ins dir="rtl">نص</ins>
auto Автоматическое определение <ins dir="auto">...</ins>

Рекомендации:

  • Используйте dir="rtl" для арабского, иврита и других RTL-языков
  • Для чисел и кодов сохраняйте dir="ltr" даже в RTL-контексте
  • Значение auto полезно для пользовательского контента
  • Сочетайте с CSS-свойством direction для сложных сценариев
  • Проверяйте отображение в разных браузерах

Пример с CSS:

<style> .rtl-text { direction: rtl; unicode-bidi: embed; } </style> <p> Пример документа: <ins class="rtl-text">הוספה חדשה בעברית</ins> </p>

Ограничения:

  • Не влияет на выравнивание текста (используйте text-align)
  • Для таблиц и списков может потребоваться дополнительная настройка
  • В сложных макетах возможны проблемы с позиционированием

Пример в многоязычном документе:

<div dir="rtl"> <p> النص الأصلي <ins dir="ltr">(Added: 2025-11-21)</ins> </p> <p> إضافة جديدة <ins dir="ltr">Version 2.1</ins> </p> </div>

Примечание: Атрибут dir особенно важен для документов с смешанными языками. Для профессиональной вёрстки многоязычных сайтов рекомендуется также использовать CSS-свойства direction и unicode-bidi.