📜  CSS font-variant-numeric 属性

📅  最后修改于: 2021-11-07 08:44:02             🧑  作者: Mango

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         

    

输出:

支持的浏览器:

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