<td colspan="" rowspan=""></td>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類 ---
要素

td要素やth要素に colspan=""、rowspan="" を追加すると、セルを結合することができます。


<td colspan="3" rowspan="3">セルを結合します</td>
属性 値 説明
colspan="" 結合するセルの数 水平方向の結合を指定 （初期値は 1）
rowspan="" 結合するセルの数 垂直方向の結合を指定 （初期値は 1）

使用例

colspan（水平方向の結合）を指定した例

<table border="3">
<tr>
<td colspan="3">水平方向の結合</td>
</tr>
<tr>
<td>データ1</td>
<td>データ2</td>
<td>データ3</td>
</tr>
</table>
表示例
水平方向の結合
データ1 データ2 データ3
rowspan（垂直方向の結合）を指定した例

<table border="3">
<tr>
<td rowspan="3">垂直方向の結合</td>
<td>データ1</td>
</tr>
<tr>
<td>データ2</td>
</tr>
<tr>
<td>データ3</td>
</tr>
</table>
表示例
垂直方向の結合 データ1
データ2
データ3
colspanとrowspanを同時に指定した例

<table border="3">
<tr>
<td colspan="2" rowspan="3">6つのセルを結合</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-3</td>
</tr>
<tr>
<td>データ4-1</td>
<td>データ4-2</td>
<td>データ4-3</td>
</tr>
</table>
表示例
6つのセルを結合 データ1-3
データ2-3
データ3-3
データ4-1 データ4-2 データ4-3