目次に戻る

summary要素:HTML Living Standard各要素別メモ

概要

カテゴリー
  • なし。
配置できる場所
内容モデル

W3C : HTML5.3Phrasing contentHeading contentかのどちらか一方が配置可だった(混在不可)。

属性
HTML構文におけるタグの省略
  • 省略不可。
WAI-ARIA
  • デフォルトroleは、buttonデフォルトroleは、role属性値に指定すべきでない。
  • デフォルトrole以外のroleは、指定不可。
視覚系ブラウザデフォルトとして期待されるCSS

  summary {
    unicode-bidi: isolate;
    display: list-item;
    counter-increment: list-item 0;
    list-style: disclosure-closed inside;
  }

  details[open] > summary {list-style-type: disclosure-open;}
  
意味・用法

details要素の要約、キャプション又は凡例を表す。

私見・補足

実装としては、これをクリックすることによって、details要素の表示・非表示が切り替えられるようになると思われる。

表示確認

details要素を参照。