HTML <td> rowspan属性

❮HTML<td>タグ

2行にまたがるテーブルセルを持つHTMLテーブル:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

以下の「自分で試してみてください」の例をもっと見てください。


定義と使用法

このrowspan属性は、セルがまたがる行数を指定します。


ブラウザのサポート

Attribute
rowspan Yes Yes Yes Yes Yes


構文

<td rowspan="number">

属性値

Value Description
number Specifies the number of rows a cell should span. Note: rowspan="0" tells the browser to span the cell to the last row of the table section (thead, tbody, or tfoot). Chrome, Firefox, and Opera 12 (and earlier versions) support rowspan="0".

その他の例

rowspan = "0"を使用する:

<table>
<thead>
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th rowspan="3">Savings for holiday!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="0">$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</tbody>
</table>

❮HTML<td>タグ