text-underline-position プロパティ
text-underline-position プロパティは、下線の位置を指定するプロパティです。 このプロパティは、text-decorationまたはtext-decoration-lineプロパティでunderlineを設定する必要があります。
text-decoration: underline;
text-underline-position: under;
詳しくは Example を参照してください
ページ内 Index
構文(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 Animation | No |
Example
text-underline-positionの例です。ここでは横書きだけの例を示します。値がunderの方が下側に下線があります。