1. 開発者向けのウェブ技術
  2. SVG
  3. リファレンス
  4. 属性
  5. baseline-shift

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

baseline-shift

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

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

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

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

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

使用上のメモ

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

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

super

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

<length-percentage>

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

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

仕様書

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

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告