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

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
適用対象すべての要素
継承あり
メディア視覚
計算値指定値
アニメーションの種類個別
正規順序形式文法における値の出現順

構文

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 の定義
勧告候補 初期の定義

ブラウザ互換情報

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから!

機能 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,