colspan属性

このエントリーをはてなブックマークに追加

colspan属性は横方向のセルを連結させる為の属性です。

td要素th要素で利用することができ、値には連結したいセルの数を数値を指定することができます。

以下のサンプルではtfood要素内のtd要素を連結してマークアップしています。

<table>
	<thead>
		<tr>
			<th>品目</th>
			<th>単価</th>
			<th>数量</th>
			<th>値段</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>アイテム1</td>
			<td>¥1,000</td>
			<td>2</td>
			<td>¥2,000</td>
		</tr>
		<tr>
			<td>アイテム2</td>
			<td>¥500</td>
			<td>1</td>
			<td>¥500</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td colspan="3">合計</td>
			<th>¥2,000</th>
		</tr>
	</tfoot>
</table>

登録日 : 2014年06月30日 最終更新日 : 2014年7月4日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス