HTML <caption> Tag

definition og brug

<caption> tagget definerer tabeltitlen.

caption-tagen skal følge table-tagen. Du kan kun definere en titel pr. tabel.

tip:Som standard vil tabeltitlen være centreret oven på tabellen. Men CSS-ejenskaberne text-align og caption-side kan bruges til at justere og placere titlen.

se også:

HTML DOM reference manual:Caption-objekt

eksempel

eksempel 1

tabel med titel:

<table>
  <caption>maanedsindskud</caption>
  <tr>
    <th>Måned</th>
    <th>Indlæggelse</th>
  </tr>
  <tr>
    <td>Januar</td>
    <td>￥3000</td>
  </tr>
</table>

Prøv det selv

eksempel 2

placeringstabelens titel (brug CSS):

<table>
  <caption style="text-align:right">minne</caption>
  <tr>
    <th>Måned</th>
    <th>Indlæggelse</th>
  </tr>
  <tr>
    <td>Januar</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Min indlæggelse</caption>
  <tr>
    <th>Måned</th>
    <th>Indlæggelse</th>
  </tr>
  <tr>
    <td>Januar</td>
    <td>￥3000</td>
  </tr>
</table>

Prøv det selv

Globale egenskaber

<caption> Etiketten understøtter også Globale egenskaber i HTML.

event egenskaber

<caption> Etiketten understøtter også Event egenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <caption> Element:

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

Prøv det selv

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support