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

Описание

Атрибут style для тега <tr> позволяет задавать CSS-стили непосредственно для строки таблицы. Это инлайновый способ стилизации, который применяется только к конкретному элементу.

Пример использования:
<table> <tr style="background-color: #f8f9fa; font-weight: bold;"> <td>Заголовок 1</td> <td>Заголовок 2</td> </tr> </table>

Основные возможности:

  • Поддерживает все стандартные CSS-свойства
  • Имеет наивысший приоритет (переопределяет другие стили)
  • Синтаксис аналогичен CSS (но без фигурных скобок)
  • Применяется только к текущей строке таблицы

Сравнение с CSS-классами:

Критерий Атрибут style CSS-классы
Приоритет Наивысший Зависит от специфичности
Повторное использование Нет Да
Поддержка Все браузеры Все браузеры
Рекомендация Для разовых стилей Для основного оформления

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

  • Используйте только для разовых стилевых правок
  • Избегайте дублирования стилей в нескольких строках
  • Для сложного оформления применяйте CSS-классы
  • Сортируйте свойства для лучшей читаемости

Пример правильного применения:

<table> <!-- Разовое выделение важной строки --> <tr style="background-color: #fff3cd;"> <td>Важное сообщение</td> <td>Требует внимания</td> </tr> <!-- Основные строки с классами --> <tr class="default-row"> <td>Обычная строка</td> <td>Стандартное оформление</td> </tr> </table>

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

  • Ухудшает поддержку кода (стили смешаны с разметкой)
  • Не поддерживает CSS-препроцессоры
  • Невозможно использовать псевдоклассы
  • Затрудняет кэширование стилей

Accessibility-совет:

При использовании стилей для цветового выделения убедитесь, что сохраняется достаточный контраст (минимум 4.5:1 для обычного текста).

Примечание: В production-среде рекомендуется выносить стили в отдельные CSS-файлы и использовать классы вместо инлайновых стилей.