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

Описание

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

Пример использования:
<s dir="rtl"> نص عربي قديم (текст на арабском) </s>

Значения атрибута:

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

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

<s dir="auto"> Old price: 100₪ (מחיר ישן) </s>

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

  • Зачеркивание сохраняется при любом направлении текста
  • Наследуется дочерними элементами
  • Может переопределять глобальное направление документа
  • Влияет на позиционирование линии зачеркивания

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

  • Явно указывайте для RTL-языков
  • Используйте auto для смешанного контента
  • Проверяйте отображение в разных браузерах
  • Сочетайте с CSS text-decoration для лучшего контроля
Ограничения:
  • В старых браузерах возможны проблемы с позиционированием линии
  • Не влияет на направление самой линии зачеркивания
  • Сложное поведение при вложенных элементах с разными направлениями
Примечание: Атрибут dir для элемента <s> особенно важен в:
  • Многоязычных интерфейсах
  • Документах с RTL-языками
  • Системах управления контентом
  • Приложениях с пользовательским форматированием