Balise HTML <figcaption>

Définition et utilisation

<figcaption> Balise <figure> L'élément définit le titre.

<figcaption> L'élément peut être placé dans <figure> La position de l'élément premier ou dernier enfant.

Voir également :

Manuel de référence HTML DOM :Objet Figcaption

Exemple

Exemple 1

Utilisez l'élément <figure> pour marquer une photo dans le document, et l'élément <figcaption> pour définir le titre de la photo :

<figure>
  <img src="tulip.jpg" alt="Tulipe" style="width:300px">
  <figcaption>Figure 1 - Tulipe, Liliaceae, plante herbacée vivace.</figcaption>
</figure>

Essayez-le vous-même

Exemple 2

Utilisez CSS pour définir le style de <figure> et <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="Tulipe" style="width:300px">
  <figcaption>Figure 1 - Tulipe, Liliaceae, plante herbacée vivace.</figcaption>
</figure>
</body>
</html>

Essayez-le vous-même

Propriétés globales

<figcaption> Les balises prennent également en charge Propriétés globales dans HTML.

Propriétés événementielles

<figcaption> Les balises prennent également en charge Propriétés événementielles dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utilisent les valeurs suivantes par défaut pour afficher <figcaption> Élément :

figcaption {
  display: block;
}

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge l'élément pour la première fois.

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