Tag HTML <figcaption>

Definicja i użycie

<figcaption> Etykieta: <figure> Element definiuje tytuł.

<figcaption> Element może być umieszczony w <figure> Pozycja pierwszego lub ostatniego potomka elementu.

Zobacz również:

Przeglądarka HTML DOM:Obiekt Figcaption

Przykład

Przykład 1

Użyj elementu <figure> do oznaczania zdjęć w dokumencie, użyj elementu <figcaption> do zdefiniowania tytułu zdjęcia:

<figure>
  <img src="tulip.jpg" alt="Tulipan" style="width:300px">
  <figcaption>Rysunek 1 - Tulipan, Lilie, roślina wieloletnia.</figcaption>
</figure>

Spróbuj sam

Przykład 2

Użyj CSS do ustawienia stylu dla <figure> i <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="Tulipan" style="width:300px">
  <figcaption>Rysunek 1 - Tulipan, Lilie, roślina wieloletnia.</figcaption>
</figure>
</body>
</html>

Spróbuj sam

Globalne atrybuty

<figcaption> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<figcaption> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek będzie używać następujących wartości domyślnych do wyświetlania <figcaption> Element:

figcaption {
  display: block;
}

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten element.

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