font-variant-position CSS3

font-variant-position は、下付き文字と上付き文字を指定します。

名前:font-variant-position
値: normal | sub | super
初期値:normal
適用対象:全ての要素
継承:する
パーセンテージ:n/a
メディア:visual（視覚的）
計算値:as specified（指定通り）
アニメーション:できない

Value（値）

normal
初期値 標準
sub
下付き文字異体の表示を有効にする。（OpenType機能：subs）
super
上付き文字異体の表示を有効にする。（OpenType機能：sups）

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p { font-size: 24pt; }
   span.test1 { font-variant-position: normal; }
   span.test2 { font-variant-position: sub; }
   span.test3 { font-variant-position: super; }
  </style>
 </head>
 <body>
   <p>CO<span class="test1">2</span></p>
   <p>CO<span class="test2">2</span></p>
   <p>2<span class="test3">2</span></p>
 </body>
</html>
C<span class="test1">6</span>H<span class="test1">12</span>O<span class="test1">6</span>

display

CO2

CO2

22

※ Firefox58.0.2にて表示確認（2018/3/9）

上に戻る