CSS/文字列に下線・上線・取り消し線を設定するサンプル

• Prev
• Next
• CSS

スタイルシートを使って文字列に下線・上線・取り消し線を設定する †

text-decorationを使って文字列に下線・上線・取り消し線を設定してみます。

関連記事 †

• 文字列に下線・上線・取り消し線を設定するサンプル
• フォントサイズの指定サンプル
• 斜体で文字列を表示する
• 文字列を太文字表示する・font-weight
• フォントを指定して文字列を表示する・font-family

サンプルHTMLソース †

decoration.html

text-decoration : none<br />
<div style="text-decoration : none">
none
</div>

text-decoration : underline<br />
<div style="text-decoration : underline">
underline
</div>

text-decoration : overline<br />
<div style="text-decoration : overline">
overline
</div>

text-decoration : line-through<br />
<div style="text-decoration : line-through">
line-through
</div>

確認用URL †

上記HTMLの確認用リンクです。
http://web.just4fun.biz/css/4/decoration.html

以上、文字列に下線・上線・取り消し線を設定する方法でした。