<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
colspanrowspanを同時に指定した例

<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