【CSS】text-underline-position：テキストの傍線位置を調整する

（例）【CSS】text-underline-positionの使用方法

See the Pen
text-underline-position by linlin (@linlin098765)
on CodePen.

<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>

p.sample {text-decoration: underline;}

【CSS】text-underline-position：テキストの傍線位置を調整する

　CSSのtext-underline-positionはテキストの傍線位置を調整するプロパティです。

• auto
  英文字のベースラインに傍線が引かれる。それ以外はブラウザの仕様による（初期値）
• under
  テキストの下に傍線が引かれる。
• left
  縦書きの場合は左端に傍線が引かれる。横書きではunderと同一。
• right
  縦書きの場合は右端に傍線が引かれる。横書きではunderと同一。