CSS3

プロパティ

text-decoration-line

→●、mdn

テキスト装飾線（位置）。

要素に追加する線装飾を指定する／あるいは追加しないことを指定する。

none

テキスト装飾を生産することも、妨げることもない。¶MS：テキストの装飾を行いません。

<SPAN style="
 text-decoration-line:underline;
">開始
 <SPAN style="border:1px solid red;
  text-decoration-line:none;
 ">テスト</SPAN>終了
</SPAN>

妨げることをしない

underline

テキストの各行には、下線が引かれる。

<SPAN style="border:1px solid red;
 text-decoration-line:underline;
">テスト</SPAN>

overline

テキストの各行には、上線（すなわち、下線と反対側）が引かれる。

<SPAN style="border:1px solid red;
 text-decoration-line:overline;
">テスト</SPAN>

ボーダーと重なってしまう

line-through

テキストの各行には、真中を通る線が引かれる。

<SPAN style="border:1px solid red;
 text-decoration-line:line-through;
">テスト</SPAN>

blink 非推奨

テキストは点滅する（可視と不可視の間で交替する）。適合 ユーザー エージェント は、単純にテキストを点滅させなくしてもよい。テキストを点滅させないのは WAI-UAAG の checkpoint 3.3 を満たす技法の一つであることに注意。この値は、Animations [CSS-ANIMATIONS-1] への支持を受けて非推奨にされた。

<SPAN style="border:1px solid red;
 text-decoration-line:blink;
">テスト</SPAN>

関連

text-decoration-color、text-decoration-style。text-underline-position。

テスト