CSS3

プロパティ

text-decoration-style

→●、mdn

テキスト装飾スタイル。

このプロパティは、要素上に指定されたテキスト装飾により描かれる線（たち）の スタイルを指定する。wavy を除く各種 値の意味は border-＊-style プロパティ [CSS-BACKGROUNDS-3] 用の同じ名前の値と同じである。

テキスト装飾のスタイルは、所与の要素から出自しているすべての装飾上で同じに保たれるものとする ― 子孫ボックスに異なるスタイルが指定されたとしても。

solid

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

¶text-decoration-lineを指定しないとだめだった

double

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

dotted

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

dashed

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

wavy

波線を指示する。

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

関連

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

テスト