HTML | DOM 样式 borderBottomLeftRadius 属性

HTML DOM 中的borderBottomLeftRadius属性用于设置或返回左下角边框的半径。

句法：

它返回 borderBottomLeftRadius 属性。

object.style.borderBottomLeftRadius

它用于设置 borderBottomLeftRadius 属性。

object.style.borderBottomLeftRadius = "length|%|initial|inherit"

范围：

• 长度：这将定义左下角的形状，默认值为 0。
• %：这也是做同样的工作，但采用百分比格式。
• 初始值：这会将属性设置为其默认值。
• 继承：这将从它的父元素继承属性。

返回值：返回左下角边框的半径值。

示例 1：

  

    
        div {
            border: 1px solid black;
            width: 300px;
            text-align:center;
            padding:30px;
            color: green;
        }
    

  

  
    
        GeeksforGeeks!
          
        
            Click Here!
        
    
  
    
        function myGeeks() {
            document.getElementById("main").style.borderBottomLeftRadius
                    = "35px";
        }
    
  

  
                    

输出：
点击按钮前：

点击按钮后：

示例 2：

  

    
        div {
            border: 1px solid black;
            width: 300px;
            text-align:center;
            padding:30px;
            color: green;
        }
    

  

  
    
        GeeksforGeeks!
    
        
            Click Here!
        
      
    
  
    
        function myGeeks() {
            document.getElementById("main").style.borderBottomLeftRadius
                    = "35px";
            var x = 
            document.getElementById("main").style.borderBottomLeftRadius;
              
            document.getElementById("val").innerHTML 
            = "Border Radius: " + x;
        }
    
  

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： borderBottomLeftRadius 属性支持的浏览器如下：

• 谷歌浏览器 5.0、4.0 -webkit-
• 浏览器 9.0
• 火狐 4.0, 3.0 -moz-
• 歌剧 10.5
• Safari 5.0, 3.1 -webkit-