“button”要素~“popovertarget”属性

“popovertarget”属性について

“popovertarget”属性は“button”要素をクリックしたときに表示状態を切り替えるポップオーバー要素を指定します。

ポップオーバー要素の表示状態がどのように切り替えられるかは“popovertargetaction”属性によって指定できます。

指定できる値

サンプルコード

<p>

<button popovertarget="pop" popovertargetaction="show">開く</button>
<button popovertarget="pop" popovertargetaction="hide">閉じる</button>

</p>

<div popover="manual" id="pop">

<p>東京ではウサギの飼育に高額の税金がかけられていたことがあります。巡査の初任給が6円だった時代にウサギ1羽につき毎月1円もの税金が課されていました。知っていましたか？</p>

</div>

開く 閉じる

東京ではウサギの飼育に高額の税金がかけられていたことがあります。巡査の初任給が6円だった時代にウサギ1羽につき毎月1円もの税金が課されていました。知っていましたか？