カテゴリー
CSS text-underline-position

【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と同一。