最新のWeb開発のチュートリアル
 

HTML <summary> Tag


使い方<summary>要素を:

<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
»それを自分で試してみてください

定義と使用法

<summary>タグがための可視な見出しを定義し<details>要素を。 見出しは非表示/詳細を表示するためにクリックすることができます。


ブラウザのサポート

表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。

素子
<summary> 12.0 サポートされていません 48.0 6.0 15.0

HTML 4.01とHTML5の違い

<summary>タグは、HTML5で新しく追加されました。


ヒントと注意事項

注: <summary>要素は、最初の子要素である必要があり<details>要素。


グローバル属性

<summary>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<summary>タグもサポートしています。イベントは、HTMLの属性


関連ページ

HTML DOMリファレンス: Summaryオブジェクト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<summary>次のデフォルト値を持つ要素を:

summary {
    display: block;
}