CSS 的font-variant-numeric 属性用于控制替代字形的使用。这是根据单位或标记(例如数字或分数)完成的。
句法:
font-variant-numeric: value
属性值:
- normal:使用 normal 将消除 font-variant-numeric 属性的每个影响。
- ordinal:这个值直接表示开放类型值即ordn。该术语使用特殊字形作为序数标记。
- 斜线零:斜线零使用带斜线的零。事实证明,此属性值在区分 0 和 O 时非常有用。
- lining-nums:内衬nums 属性对应于开放类型值即lnum。此关键字激活位于基线上的数字。
- oldstyle-nums: Oldstyle-nums 属性对应于开放类型值,即 onum。此关键字激活一组数字,其中一些数字有后代。
- 比例数字:此属性激活那些并非每个数字都具有相同大小的规范。它的 Open 类型值为 pnum。
- tabular-nums: Tabular-nums 打开类型值为 tnum。它激活那些数字集具有相同大小的数字集。
- diagonal-fractions:它的开放类型值为 frac。这会激活那些分子和分母变小并用斜线分隔的数字集。
- 堆叠分数:它的开放类型值为 arac。这将激活分子和分母变小、堆叠并由水平线分隔的那些数字集。
例子:
Document
Ordinal:
1st, 2nd, 3rd, 6th
Normal:
1st, 2nd, 3rd, 6th
Slashes-zero:
1st, 2nd, 3rd, 6th
lining-nums:
1st, 2nd, 3rd, 6th
Oldstyle-nums:
1st, 2nd, 3rd, 6th
Tabular-nums:
1st, 2nd, 3rd, 6th
diagonal-fraction:
1st, 2nd, 3rd, 6th
stacked-fraction:
1st, 2nd, 3rd, 6th
输出:
支持的浏览器:
- 谷歌浏览器
- 边缘
- 火狐浏览器
- 歌剧
- 苹果浏览器