font-variant-position
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
font-variant-position
は CSS のプロパティで、上付き文字または下付き文字として配置された小さな代替文字の使用を制御します。
文字は変更されないまま、フォントのベースラインから相対的に配置されます。これらの文字はふつう、 <sub>
と <sup>
要素で使用されます。
css
/* キーワード値 */
font-variant-position: normal;
font-variant-position: sub;
font-variant-position: super;
/* グローバル値 */
font-variant-position: inherit;
font-variant-position: initial;
font-variant-position: revert;
font-variant-position: unset;
これらの代替文字の使用が有効の場合、一連の中のある文字がそのような字体 - 強調字体を持っていない場合、一連の文字のセット全体が代替方法を使用して、合成によって描画されます。
これらの代替字体は、フォントの他の部分と同じ em ボックスと同じベースラインを共有します。それらは単にグラフィカルに強化されており、行の高さや他のボックスの特性には影響しません。
構文
font-variant-position
プロパティは、以下に列挙されたキーワード値のうちの一つで指定します。
値
公式定義
初期値 | normal |
---|---|
適用対象 | すべての要素とテキスト。 ::first-letter および::first-line にも適用されます。 |
継承 | あり |
計算値 | 指定通り |
アニメーションの種類 | 離散値 |
形式文法
例
上付きおよび下付き形の設定
HTML
html
<p class="normal">Normal!</p>
<p class="super">Super!</p>
<p class="sub">Sub!</p>
CSS
css
p {
display: inline;
}
.normal {
font-variant-position: normal;
}
.super {
font-variant-position: super;
}
.sub {
font-variant-position: sub;
}
結果
仕様書
Specification |
---|
CSS Fonts Module Level 4 # font-variant-position-prop |
ブラウザーの互換性
BCD tables only load in the browser