text-underline-positionプロパティ
text-underline-positionプロパティは、下線の位置を指定するプロパティです。 このプロパティは、text-decorationまたはtext-decoration-lineプロパティでunderlineを設定する必要があります。
text-decoration: underline; text-underline-position: under;
ページ内 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の方が下側に下線があります。