Tag HTML <summary>

Le tag <summary> est utilisé pour déterminer l'en-tête visible de l'élément <details>. En cliquant sur le titre, vous pouvez afficher/masquer les informations.

L'élément <summary> passe toujours en premier dans le tag <details>.

Syntaxe

Le contenu de l’élément est écrit entre le tag ouvrant (<summary>) et le tag fermant (</summary>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <details>
      <summary>Droits d'auteur 2013-2014.</summary>
      <p> W3docs. Tous les droits sont réservés.</p>
      <p>Le contenu du site Web est la propriété de W3Docs.com.</p>
    </details>
  </body>
</html>

Résultat

Attributs

Le tag <summary> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <summary> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <summary>:

Coloration du texte dans le tag HTML <summary>:

Styles de mise en page du texte pour la tag HTML <summary>:

Autres propriétés utiles pour le tag HTML <summary>:


Support de Navigateurs

12+ 49+ 6+ 15+


Trouvez-vous cela utile?

Articles Associées