HTML <figcaption> etikett

Definition och användning

<figcaption> Taggen är <figure> Element definierar titeln.

<figcaption> Element kan placeras i <figure> Positionen för den första eller sista barnen i elementet.

Se också:

HTML DOM-referenshandbok:Figcaption-objektet

Exempel

Exempel 1

Använd <figure>-elementet för att markera bilder i dokumentet, använd <figcaption>-elementet för att definiera bildens titel:

<figure>
  <img src="tulip.jpg" alt="Tulpan" style="width:300px">
  <figcaption>Bild 1 - Tulpan, Liliaceae, flerårig gräsart.</figcaption>
</figure>

Prova själv

Exempel 2

Använd CSS för att ställa in stilen för <figure> och <figcaption>:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>
</head>
</body>
<figure>
  <img src="tulip.jpg" alt="Tulpan" style="width:300px">
  <figcaption>Bild 1 - Tulpan, Liliaceae, flerårig gräsart.</figcaption>
</figure>
</body>
</html>

Prova själv

Globala egenskaper

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

händelseegenskaper

<figcaption> 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 <figcaption> Element:

figcaption {
  display: block;
}

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder detta element.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0