Атрибут colspan HTML тега <th>

Значение и применение

Атрибут colspan (HTML тега <th>) определяет количество столбцов, которое ячейка заголовка должна охватывать.

Таблица из трёх столбцов. В первой строке первый th с colspan="2" занимает столбцы 1 и 2, второй th — столбец 3. В разметке первой строки два элемента th. Во второй и третьей строках по три элемента td. Атрибут задаёт число мест в сетке для одной ячейки.
Ячейка <th colspan="2"> занимает два столбца. Поэтому в первой строке трёхколоночной таблицы достаточно двух элементов th.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.th.colspan
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
colspan✓1✓12✓1✓15✓1✓18✓4✓14✓1✓1.0✓4.4✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML
<th colspan =  "number" >

Отличия HTML 4.01 от HTML 5

Нет.

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

Значение Описание
number Целое число от 1 до 1000, по умолчанию 1. Ноль недопустим; большие значения ограничиваются 1000.

Примеры, попробуйте сами

Атрибут colspan элемента th

Измените colspan в HTML и сравните результат.

base.css
CSS
/* Границы помогают увидеть ячейки и их объединение. */
table {
    border-collapse: collapse;
}
th,
td {
    border: 1px solid;
    padding: 4px;
}
index.html
HTML
<table>
  <tr>
    <th colspan="2">Канцелярия</th>
  </tr>
  <tr>
    <td>Блокнот</td>
    <td>Карандаш</td>
  </tr>
</table>