text-decoration:装飾
装飾:
| none |
通常の状態(デフォルト) |
| underline |
下線 |
| overline |
上線 |
| line-through |
取り消し線 |
| blink |
文字を点滅させる |
text-decorationプロパティで、フォントの装飾を指定します。
これらの値は、半角スペースで区切って複数指定することもできます。
フォントの装飾を元に戻すときは、text-decorationプロパティに「none」を指定します。
また「blink」は、Netscape Navigatorのみで有効です。
Internet Explorerでは、単なるテキストとして表示され、点滅はしません。
これが通常の状態です
ここは下線を指定
ここは上線を指定
ここは取り消し線を指定
ここは文字を点滅させています
ここは下線と上線を指定しています
<STYLE type="text/css">
<!--
.case11 {
text-decoration:normal; }
.case12 {
text-decoration:underline; }
.case13 {
text-decoration:overline; }
.case14 {
text-decoration:line-through; }
.case15 {
text-decoration:blink; }
.case21 {
text-decoration:underline overline; }
-->
</STYLE>
<P>
<SPAN
class="case11">これが通常の状態です</SPAN><BR><BR>
<SPAN
class="case12">ここは下線を指定</SPAN><BR><BR>
<SPAN
class="case13">ここは上線を指定</SPAN><BR><BR>
<SPAN
class="case14">ここは取り消し線を指定</SPAN><BR><BR>
<SPAN
class="case15">ここは文字を点滅させています</SPAN>
</P>
<P>
<SPAN
class="case21">ここは下線と上線を指定しています</SPAN>
</P>