#navi(../)
* スタイルシートを使って文字列に下線・上線・取り消し線を設定する [#b4cead89]
''text-decoration''を使って文字列に下線・上線・取り消し線を設定してみます。~
#contents
#htmlinsertpcsp(web-top.html,web-sp.html)
* 関連記事 [#ud98fe27]
-[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/文字列に下線・上線・取り消し線を設定するサンプル]]
-[[フォントサイズの指定サンプル>CSS/フォントサイズの指定サンプル]]
-[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]]
-[[文字列を太文字表示する・font-weight>CSS/文字列を太文字表示する・font-weight]]
-[[フォントを指定して文字列を表示する・font-family>CSS/フォントを指定して文字列を表示する・font-family]]
* サンプルHTMLソース [#t116883c]
#ref(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>
|''設定値''|''説明''|
|text-decoration : none|通常|
|text-decoration : underline|下線|
|text-decoration : overline|上線|
|text-decoration : line-through|取り消し線|
* 確認用URL [#o17ce152]
上記HTMLの確認用リンクです。~
http://web.just4fun.biz/css/4/decoration.html
#br
#ref(01.gif)
#br
以上、文字列に下線・上線・取り消し線を設定する方法でした。
#htmlinsertpcsp(web-btm.html,web-sp.html)