javascript テキストに下線を引く

javascript テキストに下線を引く

javascriptで、textDecorationを使って、テキストに下線を引くサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

textDecoration使い方

textDecorationを使用すれば、テキストに下線や取り消し線を引くことが可能です。

サンプルコード

以下は、
select boxの線のタイプを指定すると、テキストに選択した線のタイプが適応される
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

指定した線がテキストに引かれていることが確認できます。