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)

上に戻る