この翻訳は不完全です。英語から この記事を翻訳 してください。

text-underline-position CSS プロパティは、text-decoration プロパティにおける underline で指定される下線の位置を設定するために使われます。

/* Keyword values */
text-underline-position: auto;
text-underline-position: under;
text-underline-position: left;
text-underline-position: right;
text-underline-position: under left;
text-underline-position: right under;

/* Global values */
text-underline-position: inherit;
text-underline-position: initial;
text-underline-position: unset;

初期値auto
適用対象全要素
継承継承する
メディアvisual
計算値指定値
Animation typediscrete
正規順序order of appearance in the formal grammar of the values

構文

auto
Allows the browser to use an algorithm to choose between under and alphabetic.
under
Forces the line to be set below the alphabetic baseline, at a position where it won't cross any descender. This is useful for ensuring legibility with chemical and mathematical formulas, which make a large use of subscripts.
left
In vertical writing-modes, this keyword forces the line to be placed on the left side of the text. In horizontal writing-modes, it is a synonym of under.
right
In vertical writing-modes, this keyword forces the line to be placed on the right side of the text. In horizontal writing-modes, it is a synonym of under.
auto-pos
A synonym of auto, which should be used instead.
above
Forces the line to be above the text. When used with East-Asian text, using the auto keyword will lead to a similar effect.
below
Forces the line to be below the text. When used with alphabetic text, using the auto keyword will lead to a similar effect.

形式文法

auto | [ under || [ left | right ] ]

Because the text-underline-position property inherits and is not reset by the text-decoration shorthand property, it may be appropriate to set its value at a global level. For example, the under value may be appropriate for a document with lots of chemical and mathematical formulas, which make a large use of subscripts.

:root {
  text-underline-position: under;
}

仕様

仕様 状態 コメント
CSS Text Decoration Module Level 3
text-underline-position の定義
勧告候補 初期の定義

ブラウザ互換情報

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基本サポート (auto) 33.0 (有) 未サポート 6[1] 未サポート 未サポート
under 33.0 ? 未サポート 未サポート 未サポート 未サポート
left, right 未サポート[2] ? 未サポート 未サポート 未サポート 未サポート
above, below 未サポート ? 未サポート 5[1] 未サポート 未サポート
auto-pos 未サポート ? 未サポート 6[1] 未サポート 未サポート
機能 Android Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 未サポート 未サポート (有) 未サポート ? 未サポート 未サポート

[1] Internet Explorer implements different values, with somewhat different effects for this value. From IE 5 to IE 7, included, only a non-prefixed version existed. From IE 8 onwards, the prefix can be used.

[2] Chrome の Issue 313888 をご覧ください

関連項目

ドキュメントのタグと貢献者

 このページの貢献者: ryo-a
 最終更新者: ryo-a,