備忘録的プログラミングリファレンス

text-underline-positionプロパティ

　text-underline-positionプロパティは、下線の位置を指定するプロパティです。 このプロパティは、text-decorationまたはtext-decoration-lineプロパティでunderlineを指定する必要があります。

アルファベットのベースラインで下線を表示
text-decoration: underline;
text-underline-position: under;

構文(Syntax)

CSS

text-underline-position: auto | under | left | right | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.textunderlinePosition;
値の設定
object.style.textunderlinePosition="_value_";

値（Values）

Value摘要
auto初期値（default値）
underアルファベットのベースラインで下線を表示
left縦書きで使用する、左側に表示される
right縦書きで右側に表示される
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考（Remarks）

初期値（Default value）auto
継承（Inherited）Yes
CSS AnimationNo

Example

text-underline-positionの例です。ここでは横書きだけの例を示します。値がunderの方が下側に下線があります。