HTML & CSS - ツールチップを表示する

ツールチップを表示する

ツールチップを表示するには、要素の中に title 属性を記述します。title 属性は、どの要素にも付与することができます。

title 属性が追加された要素では、マウスがホバーしたときにツールチップが表示されるようになります。title 属性の値には、ツールチップに表示したいテキストを設定します。

<!DOCTYPE html>
<html lang="ja">
  ...
  <p>
    ...
    <abbr title="HyperText Markup Language">HTML</abbr>
    ...
  </p>
  ...
</html>

ツールチップを表示する