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

Описание

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

Пример использования:
<table border="1"> <tr> <td style="background-color: #f5f5f5; color: #333; padding: 8px;"> Стилизованная ячейка </td> </tr> </table>

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

Свойство Пример Применение
background-color background-color: #e6f7ff; Цвет фона ячейки
color color: #d32f2f; Цвет текста
padding padding: 10px 5px; Внутренние отступы
text-align text-align: center; Выравнивание текста
border border: 1px solid #ddd; Границы ячейки

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

  • Имеет наивысший приоритет (переопределяет внешние стили)
  • Подходит для разовых стилевых правок
  • Не поддерживает псевдоклассы и медиа-запросы
  • Поддерживается всеми браузерами

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

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

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

  • Увеличивает объем HTML-кода
  • Усложняет поддержку и изменение стилей
  • Может конфликтовать с CSS-фреймворками
  • Не поддерживает сложные селекторы

Примечание: Для профессиональной верстки таблиц рекомендуется использовать классы и внешние CSS-файлы вместо inline-стилей.