<<PREV | TOP | NEXT>>

隣接セルの結合

last modified 6th/Nov. 2000

TABLE の隣接するセルを結合して一つにすることが出来ます。

横方向のセルの結合は colspan 属性、縦方向は rowspan 属性で指定します。

rowspan = number [CN]
colspan = number [CN]

セル "2" は二行をまたぐ;

<table border="1">
<tr>
  <td>1 </td><td rowspan="2">2 </td><td>3 </td>
</tr><tr>
  <td>4 </td><td>6 </td>
</tr><tr>
  <td>7 </td><td>8 </td><td>9 </td>
</tr>
</table>

表示例;

1 2 3
4 6
7 8 9

セル "4" は二列をまたぐ;

<table border="1">
<tr>
  <td>1 </td><td>2 </td><td>3 </td>
</tr><tr>
  <td colspan="2">4 </td><td>6 </td>
</tr><tr>
  <td>7 </td><td>8 </td><td>9 </td>
</tr>
</table>

表示例;

1 2 3
4 6
7 8 9

セルの定義が重複する場合は誤りです。この誤りをどのように表示するかはブラウザに依存します。

誤り;セル "5" と "7" が重複している;

<table border="1">
<tr><td>1 <td>2 <td>3
<tr><td>4 <td rowspan="2">5 <td>6
<tr><td colspan="2">7 <td>9
</table>

<<PREV | TOP | NEXT>>

SEO [PR] [ Windows7 f ^T[o[ Cu`bg SEO