Атрибут 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)