HTML <td> rowspan-ominaisuus

HTML <td> tagi

Määritelmä ja käyttötapa

rowspan Ominaisuus määrittää solun ylittämän rivien määrän.

Esimerkki

Esimerkki 1

HTML-taulukko, jossa on kaksi riviä kattava solu:

<table>
  <tr>
    <th>Kuukausi</th>
    <th>Varat</th>
    <th>Ulkomaanloma säästöjä!</th>
  </tr>
  <tr>
    <td>helmi</td>
    <td>￥3000</td>
    <td rowspan="2">￥6000</td>
  </tr>
  <tr>
    <td>helmikuu</td>
    <td>￥4000</td>
  </tr>
</table>

Kokeile itse

Esimerkki 2

Käyttämällä rowspan="0"-ominaisuutta, selain siirtää solun viimeiselle riville taulukon osassa:

<table>
<thead>
  <tr>
    <th>Kuukausi</th>
    <th>Varat</th>
    <th rowspan="3">Lomavuoden säästöt!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>helmi</td>
    <td>￥3000</td>
    <td rowspan="0">￥6000</td>
  </tr>
  <tr>
    <td>helmikuu</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

Kokeile itse

syntaksi

<td rowspan="number">

ominaisuusarvo

arvo kuvaus
number

Määritetään solun laajennettavien rivien määrä.

Huomioitavaa:rowspan="0" kertoo selaimelle, että solua laajennetaan taulukon viimeiselle riville (thead, tbody tai tfoot).

Chrome, Firefox ja Opera 12 (ja aikaisemmat versiot) tukevat rowspan="0".

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <td> tagi