HTML <td> rowspan 属性

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> タグ