HTML <caption> tagg

Definition och användning

<caption> Taggen definierar tabelltiteln.

caption-tagg måste följa efter table-tagg. Du kan endast definiera en titel för varje tabell.

Tips:Som standard kommer tabelltiteln att centreras ovanför tabellen. Men CSS-attributen text-align och caption-side kan användas för att justera och placera titeln.

Se också:

HTML DOM referenshandbok:Caption-objekt

Exempel

Exempel 1

Tabell med titel:

<table>
  <caption>Månadsinsättningar</caption>
  <tr>
    <th>Månad</th>
    <th>Insättning</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>￥3000</td>
  </tr>
</table>

Prova själv

Exempel 2

Placeringsdiagramstitel (använd CSS):

<table>
  <caption style="text-align:right">Mina insättningar</caption>
  <tr>
    <th>Månad</th>
    <th>Insättning</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Mina insättningar</caption>
  <tr>
    <th>Månad</th>
    <th>Insättning</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>￥3000</td>
  </tr>
</table>

Prova själv

Globala egenskaper

<caption> Etiketterna stöder också Globala egenskaper i HTML.

händelseegenskaper

<caption> Etiketterna stöder också Händelseegenskaper i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <caption> Element:

caption {
  display: table-caption;
  text-align: center;
}

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd