Balise HTML <figcaption>
- Page précédente <fieldset>
- Page suivante <figure>
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>
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>
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 |
- Page précédente <fieldset>
- Page suivante <figure>