JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

あいうえお

解説

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

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 指定した数値の中で一番大きな(小さな)数値を取得する

指定した数値のなかで一番大きい(小さい)数値を取得するサンプルです。 サンプルソース 数値は配列に格納されているものとし ...

[JavaScript] カラーコードから色を確認する

カラーコードから色を確認したい場合にご利用ください。 カラーコードから色を確認する カラーコードを入力してください。(例 ...

[JavaScript] イベント処理を動的に追加する(addEventListener)

clickイベントなどのイベント処理を、JavaScriptで動的に追加するには addEventListenerを使用 ...

[JavaScript] JavaScriptの型

JavaScriptではvarで変数宣言するのであまり型を意識しないかもしれませんが、 内部的には以下の型が自動で判定さ ...

[JavaScript] 文字列の末尾の文字を削除する

文字列の末尾の文字を削除するサンプルです。 サンプルソース 例)文字列の末尾の文字を削除する [crayon-5bcb0 ...

スポンサーリンク