「html」rowspan属性でテーブルのセルを縦につなげる

2021年12月1日

書式
<td rowspan="縦につなげるセルの数" >
セルを縦に4つつなげる場合、rowspan="4″とします。
指定したセルの数分、セルを縦につなげます。
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
table{border-collapse:collapse;}
table td{border:2px solid}
</style>
<table>
<tr>
<td rowspan="4">rowspan属性</td>
<td>山田 yamada</td>
</tr>
<tr>
<td>福田 fukuta</td>
</tr>
<tr>
<td>山口 yamakuti</td>
</tr>
<tr>
<td>大崎 oosaki</td>
</tr>
</table>
<style> table{border-collapse:collapse;} table td{border:2px solid} </style> <table> <tr> <td rowspan="4">rowspan属性</td> <td>山田 yamada</td> </tr> <tr> <td>福田 fukuta</td> </tr> <tr> <td>山口 yamakuti</td> </tr> <tr> <td>大崎 oosaki</td> </tr> </table>
<style>
table{border-collapse:collapse;}
table td{border:2px solid}
</style>
<table>
      <tr>
            <td rowspan="4">rowspan属性</td>
            <td>山田 yamada</td>
      </tr>
      <tr>
            <td>福田 fukuta</td>
      </tr>
      <tr>
            <td>山口 yamakuti</td>
      </tr>
    <tr>
            <td>大崎 oosaki</td>
      </tr>
</table>

 

Html

Posted by arkgame