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を指定しています。)。
登録日 : 2014年07月01日 最終更新日 : 2014年7月4日
同じカテゴリー(属性)のエントリー
- optimum属性
- high属性
- low属性
- from属性
- keytype属性
- challenge属性
- wrap属性
- rows属性
- cols属性
- selected属性
- menu属性
- disabled属性
- autofocus属性
- step属性
- size属性
- required属性
- readonly属性
- placeholder属性
- pattern属性
- multiple属性
- minlength属性
- min属性
- maxlength属性
- max属性
- list属性
- inputmode属性
- formtarget属性
- formnovalidate属性
- formmethod属性
- formenctype属性
- formaction属性
- dirname属性
- checked属性
- accept属性
- for属性
- novalidate属性
- method属性
- enctype属性
- autocomplete属性
- action属性
- accept-charset属性
- sorted属性
- abbr属性
- scope属性
- headers属性
- rowspan属性
- colspan属性
- span属性
- open属性
- srcset属性
- border属性
- sortable属性
- hreflang属性
- rel属性
- shape属性
- coords属性
- default属性
- label属性
- srclang属性
- kind属性
- media属性
- controls属性
- muted属性
- loop属性
- mediagroup属性
- autoplay属性
- preload属性
- poster属性
- form属性
- typemustmatch属性
- data属性
- seamless属性
- sandbox属性
- name属性
- srcdoc属性
- ismap属性
- height属性
- width属性
- usemap属性
- alt属性
- scoped属性
- datetime属性
- download属性
- target属性
- href属性
- value属性
- crossorigin属性
- defer属性
- async属性
- charset属性
- src属性
- cite属性
- type属性
- start属性
- reversed属性
- manifest属性