JavaScript

[JavaScript] 文字に下線/上線/取消し線を引く

投稿日:2016年11月2日 更新日:

JavaScriptで文字に下線/上線/取消し線を引くには、style.textDecorationを使用します。

サンプルソース

例)ボタンを押すごとにid="target"要素の下線あり/なしを切り替える

実行サンプル

ボタンを押すと、下線/普通が切り替わります。

あいうえお

解説

上線や取消線などを指定したい場合は、以下の値に変更してください。

【style.textDecorationの値】
意味サンプル
none装飾なしあいうえお
underline下線あいうえお
overline上線あいうえお
underline overline上下線あいうえお
line-through取り消し線あいうえお
underline overline line-through上下線+取り消し線あいうえお

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



  1. […] 参考:[JavaScript] 文字に下線/上線/取消し線を引く […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スポンサーリンク