baseline-shift

baseline-shift 属性は、親テキストコンテンツ要素の主要ベースラインから相対的に主要ベースラインを再配置することができます。 移動先は、下付きまたは上付き文字である可能性があります。

メモ: プレゼンテーション属性であるため、 baseline-shift には対応する CSS プロパティ baseline-shift があります。両方が指定された場合、 CSS プロパティが優先されます。

メモ: このプロパティは非推奨になる予定であり、代わりに vertical-align を使用する事が推奨されています。

この属性は以下の SVG 要素で使用できます。

使用上のメモ

<length-percentage> | sub | super
既定値 0
アニメーション
sub

主要ベースラインは、下付き文字の既定の位置に移動します。

super

主要ベースラインは、上付き文字の既定の位置に移動します。

<length-percentage>

長さの値は、親テキストコンテンツ要素の主要ベースラインを指定した長さ分だけ上下されます(正の値の場合は上昇、負の値の場合は下降)。

パーセント値は、親テキストコンテンツ要素の主要ベースラインを、 line-height の指定したパーセント値分、正の値で上げたり、負の値で下げたりします。

仕様書

Specification
CSS Inline Layout Module Level 3
# baseline-shift-property
Scalable Vector Graphics (SVG) 2
# BaselineShiftProperty

ブラウザーの互換性