CSS/文字列に下線・上線・取り消し線を設定するサンプル
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
#navi(../)
* スタイルシートを使って文字列に下線・上線・取り消し線を...
''text-decoration''を使って文字列に下線・上線・取り消し線...
#contents
#htmlinsertpcsp(web-top.html,web-sp.html)
* 関連記事 [#ud98fe27]
-[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/...
-[[フォントサイズの指定サンプル>CSS/フォントサイズの指定...
-[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]]
-[[文字列を太文字表示する・font-weight>CSS/文字列を太文字...
-[[フォントを指定して文字列を表示する・font-family>CSS/フ...
* サンプル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)
終了行:
#navi(../)
* スタイルシートを使って文字列に下線・上線・取り消し線を...
''text-decoration''を使って文字列に下線・上線・取り消し線...
#contents
#htmlinsertpcsp(web-top.html,web-sp.html)
* 関連記事 [#ud98fe27]
-[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/...
-[[フォントサイズの指定サンプル>CSS/フォントサイズの指定...
-[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]]
-[[文字列を太文字表示する・font-weight>CSS/文字列を太文字...
-[[フォントを指定して文字列を表示する・font-family>CSS/フ...
* サンプル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)
ページ名: