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

Veja também