<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p><a class="img" href="https://i.gyazo.com/c439045c840c069e22de3fe9647c61ea.png"><img src="https://i.gyazo.com/c439045c840c069e22de3fe9647c61ea.png" style="max-width: 100%;"></a></p><p><a class="oln" data-kno="K#/53F0" href="/53F0" rel="nofollow">マウスオーバー</a>で表示されるやつ。
</p><p><a class="oln" data-kno="K#/7F7D" href="/7F7D" rel="nofollow">HTMLタグ</a>にtitleを設定すれば設定できる。
</p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

ツールチップ

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><h3><a class="oln" data-kno="K#/C807" href="/C807" rel="nofollow">2022年10月23日</a></h3><p class="no_idt"><a class="oln" data-kno="K#/4521" href="/4521" rel="nofollow">輪郭小窓</a>っぽいことがしたい。
<br>余力があったら、ちゃんとしたデザインで作りたい気持ちがある。表示される内容にHTMLのスタイルが反映されないので見た目がちょっと悪い。 
</p><p>実装して本番環境に反映した。
</p><p><a class="img" href="https://i.gyazo.com/c439045c840c069e22de3fe9647c61ea.png"><img src="https://i.gyazo.com/c439045c840c069e22de3fe9647c61ea.png" style="max-width: 100%;"></a></p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

リンクをマウスオーバーで輪郭の内容をツールチップとして表示

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p><a class="oln" data-kno="K#/7F7D" href="/7F7D" rel="nofollow">HTMLタグ</a>に設定する属性。
</p><p><a class="oln" data-kno="K#/53F0" href="/53F0" rel="nofollow">マウスオーバー</a>すると、titleとして設定した値が<a class="oln" data-kno="K#/1563" href="/1563" rel="nofollow">ツールチップ</a>として表示される。
</p><pre class="cd"><code class="language-">&lt;span title=&quot;ここの文字列がツールチップとして表示される&quot;&gt;hoge&lt;/span&gt;
</code></pre><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

title

t_wの輪郭

ツールチップ

リンクをマウスオーバーで輪郭の内容をツールチップとして表示

2022年10月23日

title

オンボーディング・ツールチップ