CSS font-variant-numeric 属性

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。这会激活分子和分母变小、堆叠并由水平线分隔的那些数字集。

例子：

    
        
        
        
        
    
    
    
        

            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
        
    

输出：

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐浏览器
• 歌剧
• 苹果浏览器