Атрибут open
Синтаксис
HTML
<details open="open"> ... </details>
Описание
Атрибут / параметр open (от англ. "open" ‒ «открытый, раскрытый») раскрывает дополнительную информацию вложенную в блок дополнительной информации.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Opera
Поддерж.
Maxthon
IExplorer
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | |
| 5.1 | 4.11.1. The details element The open content... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «open».
<details open> ... <details> <details open=""> ... <details> <details open="open"> ... <details>
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр open (Элемент details)</title>
<style type="text/css">
details > summary { transition: color 1s; color: green; }
details[open] > summary { color: #555; }
</style>
</head>
<body>
<h1>Пример использования атрибута "open"</h1>
<details open="open">
<summary>Заголовок</summary>
<p>Дополнительная информация.</p>
</details>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр open (Элемент details)</title>
<style type="text/css">
details > summary { transition: color 1s; color: green; }
details[open] > summary { color: #555; }
</style>
</head>
<body>
<h1>Пример использования атрибута "open"</h1>
<details open="open">
<summary>Заголовок</summary>
<p>Дополнительная информация.</p>
</details>
</body>
</html>
Параметр open (Элемент details)