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] 文字列の末尾の文字を削除する

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

[JavaScript] ブラウザ上の要素の表示/非表示を切替える(非表示時も詰まらない)

ブラウザ表示上の指定した箇所の表示/非表示を切り替えるサンプルです。 非表示時も表示領域は詰まりません。 要素の表示/非 ...

[JavaScript] Dateオブジェクトの日付前後チェックを行う

Dateオブジェクト同士の日付前後チェックサンプルです。 日付前後チェックは不等号記号で行えます。 サンプル 例)Dat ...

[JavaScript] 横位置を指定する(style.textAlign)

JavaScriptで横位置を指定するには、style.textAlignを使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] 履歴の数を取得する(history.length)

履歴の数を取得するには、history.lengthを使用します。 サンプルソース 例)履歴の数を取得して、変数aに代入 ...

スポンサーリンク