details

HTML5

Оновлено: 13.01.2023

<details>

Елемент <details> (від англ. details - подробиці, дані) використовується для зберігання інформації, яку можна приховати або показати на вимогу користувача. За замовчуванням вміст елемента не відображається, для зміни статусу застосовується атрибут open.

Вихідний вміст <details> прихований, замість нього виводиться текст «Докладніше», натискання якого ховає або показує вміст елемента.

Синтаксис

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

Закриваючий тег

Обов'язковий.

Атрибути

open Відображає інформацію всередині елемента.

Приклад

Браузери

details

Переглянути сумісність з Can I use?

details