HTML | DOM 样式 fontVariant 属性

DOM HTML 中的style fontVariant属性用于设置大写字体。此属性主要将小写字母转换为大写字母，但与剩余文本相比，这些字母的字体较小。

句法：

• 它返回 fontVariant 属性。

  object.style.fontVariant

• 它用于设置 fontVariant 属性。

  object.style.fontVariant = "normal|small-caps|initial|inherit"

价值观：

Value	Description
normal	Default value with normal text.
small-caps	Font in small capital letters
initial	Set to default value
inherit	Inherit property from parent element

返回值：

• 它返回一个字符串，以小写字母表示一种字体。

示例 1：

  

    DOM Style fontVariant Property 

  

    
         
                GeeksForGeeks 
       
        DOM Style fontVariant Property 
  
        
            A computer science portal for geeks
        
  
        
            Submit
        
  
        
            function geeks() {
  
                //  Set fontVariant
                document.getElementById(
                        "gfg").style.fontVariant =
                    "small-caps";
            }
        
    

  

输出：

点击按钮前：

点击按钮后：

示例 2：

  

    DOM Style fontVariant Property 

  

    
         
                GeeksForGeeks 
            
        DOM Style fontVariant Property 
        
        
          A computer science portal for geeks
      
        
        
            Submit
        
  
        
            function geeks() {
                
                // Set fontVariant
                document.getElementById(
                  "gfg").style.fontVariant = 
                  "all-small-caps";
            }
        
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM Style fontVariant属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果Safari