CSS リファレンスマニュアル

CSS 属性

text-underline-position 属性が下線テキストの装飾位置を指定します。

下線テキストの装飾位置を設定します：

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

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

値	説明
auto	デフォルト値。ブラウザが下線の位置を設定します。
under	下線を文字の基线下に設定します。
from-font	フォントファイルに下線位置に関する情報が含まれている場合、この値を使用します。それ以外の場合は、autoを使用します。
left	垂直書き込みモードでは、下線はテキストの左側に配置されます。水平書き込みモードでは、下線は auto に配置されます。
right	垂直書き込みモードでは、下線はテキストの右側に配置されます。水平書き込みモードでは、下線は auto に配置されます。
initial	この属性をデフォルト値に設定します。参照してください： initial。
inherit	この属性は、親要素から継承されます。参照してください： inherit。

デフォルト値：	auto
継承性：	はい
アニメーション作成：	サポートされていません。参照してください：アニメーション関連属性。
バージョン：	CSS3
JavaScript 文法：	object.style.textUnderlinePosition="under"

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

クローム	エッジ	ファイアフォックス	サファリ	オペラ
33.0	79.0	74.0	12.1	20.0