<summary> - 略語

トップ > HTMLリファレンス > <summary>

■ 概要

項目説明
形式<summary>〜</summary>
サポートH5+
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素インライン要素

■ 説明

summaryは、details要素のサマリ情報を記述します。

■ 属性

【一般属性】
属性意味
class=classH5+。クラスを指定します。
id=idH5+。IDを指定します。
style=styleH5+。スタイルシートを指定します。
title=titleH5+。タイトルを指定します。
dir=dirH5+。文字の表示方向を指定します。
lang=langH5+。言語を指定します。
accesskey=keyH5+。アクセスキーを指定します。
tabindex=nH5+。タブインデックスを指定します。
contenteditable=boolH5+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。

■ 使用例

HTMLソース
<details>
 <summary>検索オプション</summary>
 <div><label><input type="checkbox" name="ch1">日本語サイトのみ</label></div>
 <div><label><input type="checkbox" name="ch2">セーフサーチ無効</label></div>
</details>

ブラウザ表示例
▼検索オプション
※JavaScriptで擬似的に表現しています。「▼検索オプション」をクリックしてみてください。

■ 関連項目

<details>

Copyright (C) 2011 杜甫々
初版:2011年6月11日 最終更新:2011年6月11日
http://www.tohoho-web.com/html/summary.htm