HTML Tag Reference

popovertargetaction 属性

ボタンの役割を示す

popovertargetaction 属性は、操作対象とするポップオーバー要素がトグルされるか、表示されるか、非表示にされるか、といったボタンの役割を示します。

属性値 概要
hide 表示されているポップオーバー要素を非表示にします。ターゲットとなるポップオーバー要素がすでに非表示の場合は何もしません。
show 非表示のポップオーバー要素を表示します。ターゲットとなるポップオーバー要素がすでに表示されている場合は何もしません。
toggle 既定値。ポップオーバー要素の表示・非表示を切り替える（トグルする）ボタンとします。

popovertargetaction 属性の仕様

この属性を使用できる要素

popovertargetaction 属性のサンプルソース

<button popovertarget="menu">メニューを開く</button>
<nav id="menu" popover="auto">
  <h2>メニュー</h2>
  <ul>
     <li><a href="#">メニュー01</a>
     <li><a href="#">メニュー02</a>
     <li><a href="#">メニュー03</a>
  </ul>
  <button popovertarget="menu" popovertargetaction="hide" aria-label="メニューを閉じる">×</button>
</nav>

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。