Атрибут align тега <col>

Описание

Атрибут align для тега <col> определяет горизонтальное выравнивание содержимого ячеек в столбце таблицы. Этот атрибут позволяет быстро задать выравнивание для всех ячеек в столбце без необходимости стилизовать каждую ячейку отдельно.

Пример использования:
<table border="1" width="100%"> <colgroup> <col align="left"> <col align="center"> <col align="right"> </colgroup> <tr> <th>Левый край</th> <th>По центру</th> <th>Правый край</th> </tr> <tr> <td>Текст 1</td> <td>Текст 2</td> <td>Текст 3</td> </tr> </table>

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

Значение Описание Эквивалент CSS
left Выравнивание по левому краю text-align: left
center Выравнивание по центру text-align: center
right Выравнивание по правому краю text-align: right
justify Выравнивание по ширине (редко используется) text-align: justify
char Выравнивание по указанному символу (устаревшее) -

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

  • Для новых проектов лучше использовать CSS-свойство text-align
  • Атрибут align полезен для быстрого прототипирования
  • Для числовых данных обычно используют align="right"
  • Заголовки столбцов часто выравнивают по центру
  • Основной текст обычно выравнивают по левому краю

Пример с CSS вместо атрибута align:

<style> .price-col { text-align: right; } .title-col { text-align: center; } </style> <table> <colgroup> <col class="title-col"> <col class="price-col"> </colgroup> <tr> <th>Товар</th> <th>Цена</th> </tr> <tr> <td>Ноутбук</td> <td>999.99</td> </tr> </table>

Важные замечания:

  • Атрибут align считается устаревшим в HTML5
  • Для сложных таблиц CSS предоставляет больше возможностей
  • Выравнивание через <col> применяется ко всем ячейкам, включая <th>
  • Если ячейка имеет собственное выравнивание (через атрибут или CSS), оно имеет приоритет

Примечание: Хотя атрибут align всё ещё поддерживается браузерами, для современных веб-приложений рекомендуется использовать CSS-стили для управления выравниванием содержимого таблиц.