HTML <td> rowspan属性
例
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>タグ