Последние учебники веб-разработки
 

HTML <col> Tag


пример

Установите цвет фона трех колонок с <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> да да да да да

Отличия между 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 ссылка: Колонка объекта


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

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

пример

col {
    display: table-column;
}
Попробуй сам "