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] 画像の元サイズを取得する(.naturalWidth/.naturalHeight)

imgタグに縮小/拡大表示された画像の元サイズを取得するには、.naturalWidth/.naturalHeightを ...

[JavaScript] 配列内の要素を検索する

配列内の要素を検索するには、indexOfを使用します。 存在する場合は存在したインデックス番号が返り、存在しない場合は ...

[JavaScript] Javaが使えるかどうか判定する(navigator.javaEnabled())

Javaが使えるかどうか判定するには、navigator.javaEnabled() を使用します。 サンプルソース 例 ...

[JavaScript] 画像サイズを変更する

画像サイズを変更するするサンプルです。 サンプルソース 例)ボタンを押すと画像の高さを100pxにする。 [crayon ...

[JavaScript] 特定のキー入力をさせない

JavaScriptで特定のキー入力をさせなくするサンプルです。 サンプルソース 例)Bキーの入力を無効にする [cra ...

スポンサーリンク