例
使い方<details>要素を：
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
»それを自分で試してみてください 定義と使用法
<details>タグは、ユーザーがオンデマンドで表示または非表示にすることができる追加の詳細を指定します。
<details>タグは、ユーザが開閉することができるインタラクティブなウィジェットを作成するために使用することができます。 コンテンツの任意の並べ替えは、内部に入れることができます<details>タグ。
内容<details>ない限り、要素は表示されないはずopen属性が設定されています。
ブラウザのサポート
表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。
| 素子 | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | サポートされていません | 48.0 | 6.0 | 15.0 |
HTML 4.01とHTML5の違い
<details>タグは、HTML5で新しく追加されました。
ヒントと注意事項
ヒント： <summary>タグは、詳細については、可視な見出しを指定するために使用されます。見出しは非表示/詳細を表示するためにクリックすることができます。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| open | open | ユーザーに詳細は（オープン）表示する必要があることを指定します |
グローバル属性
<details>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<details>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLのDOM参照： Detailsオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<details>次のデフォルト値を持つ要素を：
details {
display: block;
}