Атрибут rowspan элемента <td> в HTML

HTML <td> тег

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

rowspan Атрибут определяет количество строк, которые должна перекрывать ячейка.

Пример

Пример 1

HTML-таблица с ячейкой, перекрывающей две строки:

<table>
  <tr>
    <th>Месяц</th>
    <th>Вклад</th>
    <th>Сбережения на выходные и праздники!</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>￥3000</td>
    <td rowspan="2">￥6000</td>
  </tr>
  <tr>
    <td>Февраль</td>
    <td>￥4000</td>
  </tr>
</table>

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

Пример 2

Используя rowspan="0", браузер перекидывает ячейку на последнюю строку таблицы:

<table>
<thead>
  <tr>
    <th>Месяц</th>
    <th>Вклад</th>
    <th rowspan="3">Сбережения на каникулы!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Январь</td>
    <td>￥3000</td>
    <td rowspan="0">￥6000</td>
  </tr>
  <tr>
    <td>Февраль</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

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

Синтаксис

<td rowspan="number">

Значение свойства

Значение Описание
number

Указывает количество строк, на которое должна перекинуться ячейка.

Обратите внимание:rowspan="0" сообщает браузеру о том, что ячейка должна перекинуться на последнее строку таблицы (thead, tbody или tfoot).

Chrome, Firefox и Opera 12 (и более ранние версии) поддерживают rowspan="0".

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

HTML <td> тег