English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: атрибут align свойства col

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

 HTML <col> тег

Онлайн пример

Использовать теги <colgroup> и <col> для настройки фона для трёх столбцов:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование атрибута align свойства col в HTML - базовый курс (oldtoolbag.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Заголовок</th>
    <th>Цена</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Мой первый HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>Мой первый CSS</td>
    <td>$49</td>
  </tr>
</table>
</body>
</html>
Тестировать посмотрим

Совместимость браузеров

IEFirefoxOperaChromeSafari

Только Opera и Internet Explorer 8 и более ранние версии IE поддерживают атрибут align (IE9 не поддерживает этот атрибут).

Определение и использование

HTML5 не поддерживает атрибут align для тега <col>.

Атрибут align определяет горизонтальное выравнивание содержимого, связанного с элементом col.

Тег <col> определяет свойства столбца для каждого столбца в элементе <colgroup>.

Тег <col> очень полезен для применения стиля ко всему столбцу, а не для каждого ячейки в каждой строке.

Синтаксис

<col align="left|right|center|justify|char">

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

ЗначениеОписание
leftВыравнивать содержимое влево (по умолчанию).
rightВыравнивать содержимое вправо.
centerЦентрировать содержимое (по умолчанию для элемента th).
justifyРастянуть строку, чтобы каждая строка могла иметь одинаковую длину (как в газетах и журналах).
символВыравнивать содержимое по указанному символу.
 HTML <col> тег