details 要素

HTML5 で導入

概要

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

属性

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

open
この論理属性はページ読み込み時に詳細内容が表示されるよう指定するものです。省略された場合、詳細内容は表示されず、サマリーのみが表示されます。

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

デモ

The Latest in HTML5 <details> / <summary>

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard Living Standard  
HTML5 勧告候補  

ブラウザ実装状況

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

関連情報

Document Tags and Contributors

Contributors to this page: ethertank, yyss
最終更新者: yyss,