details

HTML5

Обновлено: 13.01.2023

<details>

Элемент <details> (от англ. details — подробности, данные) используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое элемента не отображается, для изменения статуса применяется атрибут open.

Исходно содержимое <details> скрыто, вместо него выводится текст «Подробнее», щелчок по которому прячет или показывает содержимое элемента.

Синтаксис

<details>Текст</details>

Закрывающий тег

Обязателен.

Атрибуты

open Показывает информацию внутри элемента.

Пример

Браузеры

details

Посмотреть совместимость на Can I use?

details