← 返回首页
<figcaption>: 図キャプション要素 - HTML | MDN

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

<figcaption>: 図キャプション要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

<figcaption>HTML の要素で、親の <figure> 要素内にあるその他のコンテンツを説明するキャプションや凡例を表します。

In this article

試してみましょう

<figure> <img src="/shared-assets/images/examples/elephant.jpg" alt="Elephant at sunset" /> <figcaption>An elephant at sunset</figcaption> </figure>
figure { border: thin #c0c0c0 solid; display: flex; flex-flow: column; padding: 5px; max-width: 220px; margin: auto; } img { max-width: 220px; max-height: 150px; } figcaption { background-color: #222; color: #fff; font: italic smaller sans-serif; padding: 3px; text-align: center; }

属性

この要素にはグローバル属性のみがあります。

<figcaption> の例については、 <figure> のページを参照して下さい。

技術的概要

コンテンツカテゴリー 許可されている内容 タグの省略 許可されている親要素 暗黙の ARIA ロール 許可されている ARIA ロール DOM インターフェイス
なし
フローコンテンツ
なし。開始タグと終了タグの両方が必須です。
<figure> 要素。 <figcaption> 要素は最初または最後の子要素でなければなりません。
対応するロールなし
group, none, presentation
HTMLElement

仕様書

Specification
HTML
# the-figcaption-element

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

関連情報