<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월⁩.

HTML<figcaption> 요소는 부모<figure> 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다.

시도해 보기

<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;}

콘텐츠 카테고리	없음.
가능한 콘텐츠	플로우 콘텐츠.
태그 생략	불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.
가능한 부모 요소	`<figure>` 요소의 처음 혹은 마지막.
가능한 ARIA 역할	`group`,`presentation`
DOM 인터페이스	`HTMLElement`