下線・上線
(text-decoration)
文字の下に下線を、文字の上に上線を、文字に打ち消し線を表示することができます。
text-decoration:値;
text-decoration:none←無し
text-decoration:underline←下線
text-decoration:overline←上線
text-decoration:line-through←打ち消し線
上はこのように書かれています。
<span style="text-decoration:none;">text-decoration:none←無し</span><br>
(以下略)
text-decoration:none←無し
text-decoration:underline←下線
text-decoration:overline←上線
text-decoration:line-through←打ち消し線
他に text-decoration:blink (点滅)が提唱されていますが、確認出来ませんでした。
それにしても text-decoration:none は(線を引かない)、何のために用意されているのでしょう。下を見てください。
「トップページへリンク」の文字にカーソルを合わせてください。下線のないリンクが実現できました。スタイルの記述はこのようになっていました。
<a href="./index.html" style="text-decoration:none;">トップページへリンク</a>
下はどうですか。下線ではなく上線のリンクができました。
style="text-decoration:none; text-decoration:overline;"
としてあります。
ＡＢＣＳＥＦＧ
上はどうですか。上下に線が引かれていますか。
<span style="text-decoration:underline;"><span style="text-decoration:overline;">ＡＢＣＤＥＦＧ</span></span>
他に似たような属性に text-underline-position がありますが、ＩＥでは使用できますが、Netscapeでは使えません。参考までに、書き方は
<u style="text-underline-position:below;">ＡＢＣＤＥ</u>
となり、値にはbelow(下線)とabove(上線)があります。