スタイルシートを使ったテキスト(文字)の装飾の1つに「下線を引く」というスタイルがあります。リンク文字にデフォルトで引かれるのと同じ「下線」(Underline)です。で、実は「上線」というのもあるんですよね。Overlineです。枠線(border)を使うのではなく「テキストの装飾」として「上線」を引くことができます。例えば、以下のような表示になります。

この「上線」という装飾をいったいどういう場面で使えば良いのかはよく分かりませんが、そういう装飾も可能です。そして、この「上線」と「下線」は同時に引くことも可能です。
上線を引く場合も下線を引く場合も、text-decorationプロパティを使います。このとき、値に「underline」を指定すれば下線が引かれ、「overline」を指定すれば上線が引かれます。この値には複数個を列挙して指定できるので、「underline」と「overline」を同時に記述することで、下線と上線を同時に引けます。

CSSソースは以下のような感じです。

span {
   text-decoration: overline underline;
}

これを使って上線と下線を同時に引いた文字列を表示させてみると、次のようになります。

まあ、こんな装飾を使いたいケースはなかなかなさそうな気もしますけども。
今まで見たことのある使用例としては、「a要素のhover疑似クラス(a:hover)」に対して使うという装飾がありました。つまり、「リンク文字の上にマウスポインタが載ったときの装飾」としてです。
その場合の装飾は、マウスポインタの載った箇所を目立たせることが必要になりますから、確かにこの装飾もアリかも知れませんね。

マウスポインタがリンク文字の上に載った際にだけ、リンクテキストに上線と下線を同時に引くCSSソースは以下の通りです。(ついでに、文字色も赤色にしています。)

a:hover {
   text-decoration: overline underline;
   color: red;
}

表示すると以下のように見えます。

というわけで、テキストには下線だけでなく上線も引くことができる、というスタイルシートの話でした。
使えそうな場面があったら使ってみて下さい。(^_^;;;

(更新日：2016年01月16日)