★CSSリファレンス

text-underline-positionプロパティは、テキスト傍線の表示位置を指定する際に使用します。

text-underline-positionプロパティの指定は、祖先要素で指定された下線には影響しません。

値に left または right が単独で指定されている場合、同時に under も指定されていることになります。

■値

■初期値・適用対象・値の継承

■使用例

p.sample {text-decoration: underline;}

<p class="sample" style="text-underline-position: auto;">
text-underline-position: auto; を指定
</p>

<p class="sample" style="text-underline-position: under;">
text-underline-position: under; を指定
</p>

<p class="sample" style="text-underline-position: left;">
text-underline-position: left; を指定
</p>

<p class="sample" style="text-underline-position: right;">
text-underline-position: right; を指定
</p>

■Internet Explorer独自の値

text-underline-positionプロパティは、もともとはInternet Explorerの独自拡張でした。
Internet Explorer限定ですが、以下の値を使用することができるかもしれません。

■Internet Explorer限定の使用例

p.sample {text-decoration: underline;}

<p class="sample" style="text-underline-position: above;">
text-underline-position: above; を指定（IE独自の値）
</p>

<p class="sample" style="text-underline-position: below;">
text-underline-position: below; を指定（IE独自の値）
</p>