![[PukiWiki]](image/logo.png "[PukiWiki]"){kind=logo}
text-decorationを使って文字列に下線・上線・取り消し線を設定してみます。
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 | 取り消し線 |
上記HTMLの確認用リンクです。
http://web.just4fun.biz/css/4/decoration.html
以上、文字列に下線・上線・取り消し線を設定する方法でした。
01.gif