details
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Sumário
O elemento HTML details (<details>) é usado como uma ferramenta de onde o usuário irá obter informações adicionais.
Contexto de uso
| Conteúdo permitido | Um elemento <summary> seguido por flow content |
|---|---|
| Omissão de tag | Nenhuma, tanto as tas iniciais quanto as finais são obrigatórias. |
| Elementos pais permitidos | Qualquer elemento que aceite flow content. |
| Documento normativo | HTML5, section 4.11.1 |
Atributos
Como todos os elementos HTML, esse elemento aceita os global attributes.
open-
Esse atributo Booleano indica se os detalhes serão mostrados para o usuário ao carregar a página. Se omitido os detalhes não serão mostrados.
Interface do DOM
Esse elemento implementa a interfaceHTMLDetailsElement.
Exemplos
html
<details>
<summary>Alguns detalhes</summary>
<p>Mais informações sobre os detalhes.</p>
</details>
Compatibilidade com navegadores
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.