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

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

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

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

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

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

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

Показать браузеры
Совместимостьhtml.elements.td.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
<td colspan =  "number" >

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

Нет.

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

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

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

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

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

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