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

Описание

Атрибут style позволяет задавать CSS-стили непосредственно для элемента <s>, переопределяя стандартное оформление зачеркнутого текста.

Пример использования:
<s style="color: #999; text-decoration-color: red; font-style: italic;"> Устаревшая информация </s>

Часто используемые свойства:

Свойство Описание Пример
text-decoration-line Тип линии (зачеркивание) line-through
text-decoration-color Цвет линии #ff0000
text-decoration-style Стиль линии wavy, dotted
opacity Прозрачность текста 0.6

Продвинутое оформление:

<s style=" text-decoration: line-through wavy #f00; color: #777; background-color: #fff0f0; padding: 2px 5px; border-radius: 3px; "> Устаревшая версия содержимого </s>

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

  • Используйте для разовых стилевых правок
  • Для сложного оформления создавайте CSS-классы
  • Сочетайте с семантическими атрибутами (data-reason)
  • Проверяйте контрастность для доступности
Ограничения:
  • Инлайновые стили имеют наивысший приоритет
  • Усложняют поддержку кода
  • Не поддерживают медиа-запросы

Примечание: Для сложных проектов рекомендуется выносить стили во внешние CSS-файлы, используя комбинацию: <s class="deprecated"> с соответствующим CSS-правилом.