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

■text-decoration:

指定できる値

キーワード

none         何もなし
underline    下線を引く
overline     上線を引く
line-through 取り消し線を引く
blink        文字を点滅させる

文字に線を引くには、text-decorationプロパティを使います。

値にunderlineを指定すれば下線を引くことが出来ます。上線を引くにはoverlineを値に、取り消し線を引くにはline-throughを値に指定します。overlineは、NN4.7では表示されないので注意してください。

そして、値にblinkを指定すれば文字を点滅させることが出来ますが、これは、NNのみ機能しますので、IEでは点滅しないでそのまま表示されます。

それと、値にnoneを指定すると、今まで説明したような装飾は何もされないので役に立たないと思うでしょうが、この値を使ってリンクの下線を消したりすることが出来ます。

サンプル - Microsoft Internet Explorer

none装飾なしです

overline上線です

underline下線です

line-through取り消し線です

blinkです

HTML&CSS

<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>