details 要素

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

概要

HTML の詳細 要素 (<details>) は、ユーザに追加の詳細情報を提供する「ディスクロージャー・ウィジェット」を表します。

コンテンツカテゴリ フローコンテンツ、セクショニングルート、インタラクティブコンテンツ、パルパブルコンテンツ
許可された内容 1 つの <summary> 要素と、それに続くフローコンテンツ
タグの省略 不可。開始と終了タグの両方が必要。
許可された親要素 フローコンテンツを受け入れるすべての要素
DOM インターフェイス HTMLDetailsElement

属性

他の全ての HTML 要素と同様に、この要素はグローバル属性を持ちます。

open
この論理属性はページ読み込み時に詳細内容が表示されるよう指定するものです。既定値は false であり、詳細内容は表示しません。

<details>
  <summary>Some details</summary>
  <p>More info about the details.</p>
</details>

ライブサンプル

注記: ライブサンプルが動作しない場合はブラウザ実装状況で、使用しているブラウザがこの機能をサポートしているかを確認してください。

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard
The definition of '<details>' in that specification.
Living Standard  
HTML5.1
The definition of '<details>' in that specification.
草案  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 12 未サポート バグ 591737 未サポート 15 6
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 4.0 未サポート バグ 591737 未サポート 未サポート 未サポート

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss, ethertank
 最終更新者: yyss,