HOME >> スタイルシート > 文字に下線を引いたりする

point 文字に下線を引いたりする

text-decoration:
指定できる値
キーワード
none         何もなし
underline 下線を引く
overline 上線を引く
line-through 取り消し線を引く
blink 文字を点滅させる
文字に線を引くには、text-decorationプロパティを使います。
値にunderlineを指定すれば下線を引くことが出来ます。上線を引くにはoverlineを値に、取り消し線を引くにはline-throughを値に指定します。overlineは、NN4.7では表示されないので注意してください。
そして、値にblinkを指定すれば文字を点滅させることが出来ますが、これは、NNのみ機能しますので、IEでは点滅しないでそのまま表示されます。
それと、値にnoneを指定すると、今まで説明したような装飾は何もされないので役に立たないと思うでしょうが、この値を使ってリンクの下線を消したりすることが出来ます。
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)

none装飾なしです

overline上線です

underline下線です

line-through取り消し線です

blinkです

ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<STYLE type="text/css">
<!--
.test1  { text-decoration:none;        }
.test2  { text-decoration:overline;    }
.test3  { text-decoration:underline;   }
.test4  { text-decoration:line-through;}
.test5  { text-decoration:blink;       }
-->
</STYLE>
</HEAD>
<BODY>
<P class="test1">none装飾なしです</P>
<P class="test2">overline上線です</P>
<P class="test3">underline下線です</P>
<P class="test4">line-through取り消し線です</P>
<P class="test5">blinkです</P>
</BODY>
</HTML> 
Copyright ©2001〜2011 まさぼ〜 All Right Reserved