summary要素はHTML5から新たに追加された要素です。

details要素と組み合わせてディスクロージャーウィジェットとして機能します。

details要素のコンテンツの要約、キャプションや判例を表し、押下されるとそれらのコンテンツの表示非表示を切り替えることができます。

使用例

<details>

<summary>概要テキスト</summary>



詳細テキスト詳細テキスト詳細テキスト

</details>

使用可能な属性

  • 全てのグローバル属性

コンテンツカテゴリ

  • なし

子要素にしていい要素の種類

  • フローコンテンツ、または1つのヘディングコンテンツ

親要素にしていい要素の種類

仕様書と策定状況

仕様書 策定状況
W3C 勧告
WHATWG Living Standard
最終更新:2018年1月18日

ミツエーリンクスでは、デジタルメディアにおける企業と顧客とのコミュニケーション課題を解決する、さまざまなサービスをご提供しています。ぜひ一度サービスページをご覧ください。

関連情報