САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <col>


Пример

Установите цвет фона трех столбцов с помощью тегов <colgroup> и <col>:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
Попробуйте сами »

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

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

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


Поддержка браузерами

Элемент
<col> Yes Yes Yes Yes Yes

Различия между HTML 4.01 и HTML5

Большинство атрибутов в HTML 4.01 не поддерживаются в HTML5.


Различия между HTML и XHTML

В HTML тег <col> не имеет конечного тега.

В XHTML тег <col> должен быть правильно закрыт.


Атрибуты

Атрибут Значение Описание
align left
right
center
justify
char
Не поддерживается в HTML5.
Определяет выравнивание содержимого, связанного с элементом <col>
char character Не поддерживается в HTML5.
Определяет выравнивание содержимого, связанного с элементом <col>, для символа
charoff number Не поддерживается в HTML5.
Определяет количество символов, содержимое которых будет выровнено по символу, указанному атрибутом char
span number Определяет количество столбцов, которые должен охватывать элемент <col>
valign top
middle
bottom
baseline
Не поддерживается в HTML5.
Определяет вертикальное выравнивание содержимого, связанного с элементом <col>
width %
pixels
relative_length
Не поддерживается в HTML5.
Определяет ширину элемента <col>

Глобальные атрибуты

Тег <col> также поддерживает Глобальыне атрибуты в HTML.


Атрибуты событий

Тег <col> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML DOM справочник: Объект Column


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <col> со следующими значениями по умолчанию:

Пример

col {
  display: table-column;
}
Попробуйте сами »