We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Introduced in HTML5

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 implemena a interface HTMLDetailsElement.

Exemplos

<details>
  <summary>Alguns detalhes</summary>
  <p>Mais informações sobre os detalhes.</p>
</details>

Demonstração

Demo

Compatibilidade dos navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 12 Não suportado bug 591737 Não suportado Não suportado Não suportado
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico 4.0 Não suportado bug 591737 Não suportado Não suportado Não suportado

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: teoli, LeonardoPacheco
Última atualização por: teoli,