CSS3: font-variant-numeric プロパティ - 数字の表示形式の指定

■ 概要

項　　目説　　明
記述形式 セレクタ {font-variant-numeric: 値 }
値 の形式
normal | [ numeric-figure-values ] [ numeric-spacing-values ] [ numeric-fraction-values ]
　[ ordinal ] [ slashed-zero ]
初 期 値 normal
対応ブラウザー C?+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 すべての要素
継　　承 する

■ 解説

font-variant-numericプロパティ は，数字の表示形式 を指定します。

ただし，numeric-figure-values，numeric-spacing-values，numeric-fraction-values は，それぞれ， 次の２つずつの値の組から選択した値です。

  1. numeric-figure-values = ［ lining-nums，oldstyle-nums ］
  2. numeric-spacing-values = ［ proportional-nums，tabular-nums ］
  3. numeric-fraction-values = ［ diagonal-fractions，stacked-fractions ］

指定できる値の形式は，以下の通りです。

値説　　明
normal 通常の数字表示形式 を使用します。
lining-nums lining numerals（高さが揃った数字） で表示します
oldstyle-nums 旧スタイルの数字（old-style numerals） で表示します
proportional-nums プロポーショナルの数字（proportional numerals） で表示します
tabular-nums 表形式の数字（tabular numerals） で表示します。
diagonal-fractions 斜線の分数（lining diagonal fractions） を１文字として表示します。
stacked-fractions 水平線の分数（lining stacked fractions） を１文字として表示します。
ordinal 1st，2nd など順番用の数字（ordinal numbers）表示形式 を使用します。
slashed-zero "/" 付きの "0"（slashed zeros） で表示します。

■ 使用例（ font-variant-numeric プロパティの利用）

現在準備中です。

■ 備考

【参考ページ】