HTML | DOM 样式 fontWeight 属性

fontWeight属性用于设置或返回单词中字符的粗细显示方式。

句法：

• 它返回 fontWeight 属性。

  object.style.fontWeight

• 它设置 fontWeight 属性。

  object.style.fontWeight = "normal|lighter|bold|bolder|value|
  initial|inherit"

属性值：

Value	Description
normal	Default value of font
lighter	Lighter than normal
bold	Bolder than normal
bolder	Bolder than bold
value	Define from 100 to 900 where 400 is normal value
initial	Set to its default
inherit	Inherit property from parent element

返回值：返回字符串字体的粗细。

示例 1：

  

    DOM Style fontWeight Property 

  

    
        
        
        
            GeeksForGeeks
        
  
        DOM Style fontWeight Property 
        
        
            Click to change
        
  
        
            function myGeeks() {
                
                //  Set property for "p" tag form
                //  'bold' to 'lighter'.
                document.getElementById(
                  "sudo").style.fontWeight = "lighter";
            }
        
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：

  

    DOM Style fontWeight Property 

  

    
        
            GeeksForGeeks
        
  
        DOM Style fontWeight Property 
        
        
            Click to change
        
  
        
            function myGeeks() {
                
                //  Set property from normal to bold.
                document.getElementById(
                "sudo").style.fontWeight = "bold";
            }
        
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 3：

  

    DOM Style fontWeight Property 

  

    
        
            GeeksForGeeks
        
  
        DOM Style fontWeight Property 
        
        
            Click to change
        
  
        
            function myGeeks() {
                
                //  Set property bolder.
                document.getElementById(
                  "sudo").style.fontWeight = "bolder";
            }
        
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 4：

  

    DOM Style fontWeight Property 

  

    
        
            GeeksForGeeks
        
  
        DOM Style fontWeight Property 
        
        
            Click to change
        
  
        
            function myGeeks() {
                
                //  Set font using values.
                document.getElementById(
                  "sudo").style.fontWeight = "1000";
            }
        
    

  
                  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

支持的浏览器： HTML支持的浏览器|下面列出了DOM 样式 fontWeight 属性：

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