<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 | Ninguna, tanto la etiqueta inicial como la final son obligatorias. |
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
false
y por lo tanto los detalles estarán ocultos.
Ejemplo
<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