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

ツールチップを表示する

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

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

<!DOCTYPE html>
<html lang="ja">
  ...
  <p>
    ...
    <abbr title="HyperText Markup Language">HTML</abbr>
    ...
  </p>
  ...
</html>
ツールチップを表示する
0
SHARE
Twitter
@murashun
お問い合わせ
murashun@gmail.com
ご質問(マシュマロ)
https://marshmallow-qa.com/murashun
ご支援(Stripe)
https://checkout.stripe.com/