rowspan属性

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

rowspan属性を指定することで縦方向のセルを連結させることができます。

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

以下のサンプルでは商品のセルと値段のセルを縦方向に3つ結合しています。

<table>
		<tr>
			<th rowspan="3">商品</th>
			<td>アイテム1</td>
			<td rowspan="3">値段</td>
			<td>1,000円</td>
		</tr>
		<tr>
			<td>アイテム2</td>
			<td>2,000円</td>
		</tr>
		<tr>
			<td>アイテム3</td>
			<td>3,000円</td>
		</tr>
</table>

ブラウザでは以下のように表示されます(解りやすいようにtd要素とth要素のCSSにborderを指定しています。)。

rowspan属性

登録日 : 2014年07月01日 最終更新日 : 2014年7月4日

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

検索

スポンサードリンク

バージョン

リファレンス