📜  CSS font-variant-caps 属性

📅  最后修改于: 2021-08-30 10:09:33             🧑  作者: Mango

font-variant-caps属性在不移动基线的情况下垂直更改字符的位置,并将它们显示为上标或下标。如果给定的字体具有一些不同大小的大写字母字形,则此属性选择最合适的字形。

句法:

font-variant-caps: keyword_values

或者

font-variant-caps: Global_values

属性值:此属性接受上面提到和下面描述的两个值。

  • keyword_values:此属性指的是具有单元如正常,小型股,所有小瓶盖,娇小帽,全娇小-帽,UNICASE,字幕-帽等定义的keyword_values
  • Global_values:该属性指的是初始、继承、未设置等全局值。

句法:

font-variant-caps: small-caps | all-small-caps | normal |
 inherit | petite-caps |  unicase | all-petite-caps |
 titling-caps | unset | initil 

示例 1:下面的代码说明了font-variant-caps属性与all-small-caps、small-caps、normal 的使用。

HTML


  

    

  

    
        

            GeeksforGeeks

        

            a computer Science portal         

        

It is a Small caps

        

It is a Normal caps

    
  


HTML


  

    

  

    
        

            GeeksforGeeks

        

            It is a petite-caps         

        

            It is a all-petite-caps         

        

            It is a unicase         

        

            It is a titling caps         

    
  


输出:

示例 2:下面的代码说明了font-variant-caps属性与petite-caps、unicase、all-petite-caps、titlet-caps 的使用。

HTML



  

    

  

    
        

            GeeksforGeeks

        

            It is a petite-caps         

        

            It is a all-petite-caps         

        

            It is a unicase         

        

            It is a titling caps         

    
  

输出:

支持的浏览器:

  • 铬合金
  • 火狐
  • 边缘
  • 歌剧
  • Safari(不支持)
  • Internet Explorer(不支持)。