2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] font-variant-numericプロパティで数字、分数、序数標識の表記を指定しよう!

font-variant-numericの評価
頻出度
(1.0)
重要度
(1.0)
総合評価
(1.0)




1.font-variant-capsとは?

font-variant-numericプロパティで数字、分数、序数標識の表記を指定できます。

値の指定方法は以下の通りです。

{ font-variant-numeric: 全般 数字の形状 数字の幅 分数の表記; }

全般

  • normal
  • ordinal
  • slashed-zero

数字の形状

  • lining-nums
  • oldstyle-nums

数字の幅

  • proportional-nums
  • tabular-nums

分数の表記

  • diagonal-fractions
  • stacked-fractions




2.font-variant-capsの使い方

それではfont-variant-capsの使い方をみていきましょう。

.p {
 font-variant-numeric : normal;
}

上記の例では、font-variant-capsプロパティにnormalを指定しています。

このようにすることで代替字形の使用を無効にします。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です