#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)
トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS