<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.
Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
Resumen
El elemento HTML Details <details> es usado como un widget de revelación a través del cual el usuario puede obtener información adicional .
| Categorías de contenido | Contenido dinámico , contenido de seccionamiento, contenido interactivo, contenido palpable . |
|---|---|
| Contenido permitido |
Un elemento <summary> seguido de
contenido dinámico
|
| Omisión de etiquetas | None, both the starting and ending tag are mandatory. |
| Elementos padres permitidos | Cualquier elemento que acepte contenido dinámico. |
| Interfaz DOM | HTMLDetailsElement |
Atributos
Este elemento incluye los atributos globales .
open-
Este atributo Booleano indica si los detalles serán mostrados al usuario cuando la página se cargue . Por default el valor es
falsey por lo tanto los detalles estarán ocultos.
Ejemplo
html
<details>
<summary>Some details</summary>
<p>More info about the details.</p>
</details>
Resultado
Especificaciones
| Specification |
|---|
| HTML Standard # the-details-element |
Compatibilidad con navegadores
BCD tables only load in the browser