Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

summary 要素

概要

HTML の summary 要素(<summary>)は <details> 要素の内容の要約、キャプション、説明を表します。

注意: <summary> 要素が省略された場合、「詳細」を意味する見出しが自動的に表示されます。
注記: HTML 標準では、<summary> のデフォルトスタイルは display:list-item です。スタイルを display:block に変更すると、展開用の三角印がなくなります。これは予期された動作です。詳しくは Bug 1283989 をご覧ください。

使用可能な場所

許可された内容 フレージングコンテンツ。または見出しコンテンツのうちひとつの要素
タグの省略 不可。開始タグと終了タグの両方が必要。
許可された親要素 <details> 要素
標準文書 HTML5, section 4.11.2

属性

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

DOM インターフェース

この要素は HTMLElement インターフェースを実装しています。

In summation, get details from the link on the next line

<summary> の使用例は、<details> のページの例を参照して下さい。

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard
<summary> の定義
現行の標準  
HTML5.1
<summary> の定義
草案  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 12 49.0 (49.0)[1] 未サポート 未サポート 6
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 4.0 49.0 (49.0)[1] 未サポート 未サポート 未サポート

[1] この機能は Firefox 47 から使用できますが設定項目 dom.details_element.enabled で制御しており、Nightly および Aurora バージョンを除き既定値は false です。 (バグ 1241750)。Firefox 49.0 より、この機能がデフォルトで有効になります。すなわち、設定項目の既定値が true になります (バグ 1226455)。

関連情報

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

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