<figcaption>: The Figure Caption element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The <figcaption> HTML element represents a caption or legend describing the rest of the contents of its parent <figure> element, providing the <figure> an accessible name.

Try it

<figure>
 <img
 src="/shared-assets/images/examples/elephant.jpg"
 alt="Elephant at sunset" />
 <figcaption>An elephant at sunset</figcaption>
</figure>

figure {
 border: thin silver solid;
 display: flex;
 flex-flow: column;
 padding: 5px;
 max-width: 220px;
 margin: auto;
}
img {
 max-width: 220px;
 max-height: 150px;
}
figcaption {
 background-color: #222222;
 color: white;
 font: italic smaller sans-serif;
 padding: 3px;
 text-align: center;
}

Attributes

This element only includes the global attributes.

Examples

Please see the <figure> page for examples on <figcaption>.

Technical summary

Content categories	None.
Permitted content	Flow content.
Tag omission	None, both the starting and ending tag are mandatory.
Permitted parents	A `<figure>` element; the `<figcaption>` element must be its first or last child.
Implicit ARIA role	No corresponding role
Permitted ARIA roles	`group`, `none`, `presentation`
DOM interface	`HTMLElement`