最新のWeb開発のチュートリアル
 

HTML colspan Attribute


定義と使用法

colspan属性は、表のセルがまたがる列の数を定義します。


に適用されます

colspan属性は、次の要素で使用することができます。

要素 属性
<td> colspan
<th> colspan

Td

2列にまたがる表のセルを持つHTMLテーブル:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$100</td>
  </tr>
  <tr>
    <td colspan="2">Sum: $180</td>
  </tr>
</table>
»それを自分で試してみてください

Th

2列にまたがるヘッダーセルを持つHTMLテーブル:

<table>
  <tr>
    <th colspan="2">Monthly Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
»それを自分で試してみてください

ブラウザのサポート

colspan属性は、要素ごとに以下のブラウザのサポートを持っています。

素子
td はい はい はい はい はい
th はい はい はい はい はい