rowspan属性 - 縦方向のセルの連結

■ 概要

項  目説  明
記述形式 rowspan = "行数"   
値 の形式 連結するセル数
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch9+ / Sa?+   
適用可能な要素
(種  類)
<td><th>    
固有属性)   
継  承 しない

■ 解説

rowspan属性 は,

表(テーブル)内の th 要素td 要素 で,
この属性を指定したセルから 指定された数だけ下方向にセルを結合し,1つのセルとして表示 するように指定します。

なお,横方向のセルの結合は,colspan属性右方向に結合するセルの数(列数) を値に指定して行います。

■ 使用例( rowspan属性の利用)

HTMLソース
CSS
<head> ~ </head>
<style type="text/css">
<!--
      table.sample { border: solid 1px; border-collapse: separate;}
      table.sample th, table.sample td { border: solid 1px;}
-->
</style>
HTML
<body> ~ </body>
<table class="sample">
   <thead>
      <tr><th>店舗</th><th>住所</th><th>営業時間</th></tr>
   </thead>
   <tbody>
      <tr>
         <td>上近店</td>
         <td>上近市右町1-2-3</td>
         <td rowspan="2">10:00-20:00</td>
      </tr>
      <tr>
         <td>下川店</td>
         <td>下川市左が丘45</td>
         <!-- ここは1行目のセルに結合するので書かない -->
      </tr>
      <tr>
         <td>中原店</td>
         <td>中原市中丸67-8</td>
         <td>10:00-19:00</td>
      </tr>
   </tbody>
</table>

ブラウザー 表示例
店舗住所営業時間
上近店上近市右町1-2-310:00-20:00
下川店下川市左が丘45
中原店中原市中丸67-810:00-19:00

■ 備考

【参考ページ】