📜  HTML | DOM 样式 borderImageWidth 属性

📅  最后修改于: 2021-10-29 05:57:56             🧑  作者: Mango

HTML DOM 中的 Style borderImageWidth属性用于设置或返回边框图像的宽度。

句法:

  • 它返回 borderImageWidth 属性
    object.style.borderImageWidth
  • 用于设置 borderImageWidth 属性
    object.style.borderImageWidth = "number|percentage|auto|
    initial|inherit"

属性值

  • number:用于设置宽度为border-width对应计算值的倍数。这是设置为 1 时的默认值。

    示例 1:

    
    
          
    
        
            DOM Style borderImageWidth Property
        
          
        
    
      
    
        

            DOM Style borderImageWidth Property     

               

            Click on the button to change the          width of border-image     

               
            GeeksforGeeks     
                                               

    输出:
    点击按钮前:
    多次之前
    点击按钮后:
    多后

  • length:用于以长度单位设置宽度。

    例子:

    
    
          
    
        
            DOM Style borderImageWidth Property
        
          
        
    
      
    
        

            DOM Style borderImageWidth Property     

               

            Click on the button to change the          width of border-image     

               
            GeeksforGeeks     
                                               

    输出:
    点击按钮前:
    多次之前
    点击按钮后:
    多后

  • 百分比:用于以百分比形式设置宽度。百分比相对于水平偏移的边界图像区域的宽度和垂直偏移的边界图像区域的高度。

    例子:

    
    
          
    
        
            DOM Style borderImageWidth Property
        
          
        
    
      
    
        

            DOM Style borderImageWidth Property     

               

            Click on the button to change the          width of border-image     

               
            GeeksforGeeks     
                                               

    输出:
    点击按钮前:
    多次之前
    点击按钮后:
    多后

  • auto:它使边框的宽度等于相应图像切片的固有宽度或高度。

    例子:

    
    
          
    
        
            DOM Style borderImageWidth Property
        
          
        
    
      
    
        

            DOM Style borderImageWidth Property     

               

            Click on the button to change the          width of border-image     

               
            GeeksforGeeks     
                                               

    输出:
    点击按钮前:
    多次之前
    点击按钮后:
    多后

  • initial:用于将 borderImageWidth 属性设置为其默认值。

    例子:

    
    
          
    
        
            DOM Style borderImageWidth Property
        
          
        
    
      
    
        

            DOM Style borderImageWidth Property     

               

            Click on the button to change the          width of border-image     

               
            GeeksforGeeks     
                                               

    输出:
    点击按钮前:
    多次之前
    点击按钮后:
    多后

  • inherit :它从其父级继承属性。

    例子:

    
    
          
    
        
            DOM Style borderImageWidth Property
        
          
        
    
      
    
          
        

            DOM Style borderImageWidth Property     

               

            Click on the button to change the          width of border-image     

           
            
                GeeksforGeeks         
        
                                            

    输出:
    点击按钮前:
    多次之前
    点击按钮后:
    多后

支持的浏览器: borderImageWidth 属性支持的浏览器如下:

  • 铬合金
  • 浏览器 11
  • 火狐
  • 野生动物园 6