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] メッセージIDでメッセージを管理する

メッセージIDを定義して、定義したIDでメッセージを管理するサンプルです。 サンプルソース 例)メッセージの定義と呼び出 ...

[JavaScript] canvasに円を描画する(.arc)

canvasに円を描画するには、.beginPath()と.arc()を使用します。 サンプルソース 例)canvasに ...

[JavaScript] グリニッジ標準時(GMT時刻)を取得する(.toGMTString)

グリニッジ標準時(GMT時刻)を取得するには、.toGMTString()を使用します。 サンプルソース 例)現在日時の ...

[JavaScript] ページロード完了時のイベントを取得する(onLoad)

ページロード完了時のイベントを取得するには、onloadを使用します。 window.onloadを使うパターンと、bo ...

[JavaScript] 要素の全プロパティをコンソールに出力する(console.dir)

要素の全プロパティをコンソールに出力するには、console.dirを使用します。 サンプルソース 例)要素(id="t ...

スポンサーリンク