HTML & CSS - ツールチップを表示する
ツールチップを表示する
ツールチップを表示するには、要素の中に title 属性を記述します。title 属性は、どの要素にも付与することができます。
title 属性が追加された要素では、マウスがホバーしたときにツールチップが表示されるようになります。title 属性の値には、ツールチップに表示したいテキストを設定します。
<!DOCTYPE html>
<html lang="ja">
...
<p>
...
<abbr title="HyperText Markup Language">HTML</abbr>
...
</p>
...
</html>ツールチップを表示する