details タグエレメント
details タグエレメントは、このタグで囲まれたコンテンツをユーザーによって表示/非表示にできる HTML タグエレメントです。
見出しは <summary> エレメントを使用します。
details タグエレメント
<details>
<summary>sunday</summary>
<p>sundayは代表的な休みの曜日です。現代は必ずしも休みではない方もいます。</p>
</details>
表示例
sunday
sundayは代表的な休みの曜日です。現代は必ずしも休みではない方もいます。
open属性によって、予め表示しておくこともできます。
内部コンテンツには多種のエレメントを入れることができます。
属性
グローバル属性も持ちます。以下に主な属性のみを示します。
内部コンテンツ(innerHTML)
JavaScript
DOM におけるインターフェイスの定義は、HTMLDetailsElement を参照してください。
<summary> エレメント
<summary> エレメントは、details タグエレメントの見出しになるエレメントです。
<summary> エレメントはdetails タグエレメントの最初の子エレメントであるべきです。
属性
グローバル属性も持ちます。以下に主な属性のみを示します。
details タグエレメントの見出し
HTML例
<summary>エレメントのinnerTextで、details タグエレメントの見出しになります。上の動作確認を参照してください。