HTML | DOM 样式 borderRadius 属性

DOM Style borderRadius属性用于设置或返回四个不同的borderRadius 属性，例如一个元素的borderTopRightRadius、borderBottomRightRadius、borderBottomLeftRadius。它用于在元素中添加圆角。

句法：

它用于获取边界半径属性。

object.style.borderRadius

它用于设置 borderRadius 属性。

object.style.borderRadius = "1-4 length|% / 1-4 length|%
|initial|inherit" 

属性值：

• 长度：这将定义角的形状默认值为 0。
• %：这也将定义角的百分比形状。
• 初始值：这会将属性设置为其默认值。
• 继承：这将从它的父元素继承属性。

返回值：它返回一个字符串值，表示元素的上、左、下边框半径。

例子：

  

    DOM Style borderRadius Property
    
        '
 h1 {
            color: green;
            font-size: 35px;
        }
          
        #GFG {
            background: #009900;
            padding: 30px;
            text-align: center;
            width: 300px;
            height: 120px;
        }
    

  

    
        GeeksForGeeks
        DOM Style borderRadius Property
        
            GeeksforGeeks 
        
        Submit
        
            function Geeks() {
                document.getElementById("GFG").style.borderRadius 
                                                        = "25px";
            }
        
    

  

输出：
在点击按钮之前：

点击按钮后：

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

• 谷歌浏览器 1.0
• 浏览器 4.0
• 火狐 1.0
• 歌剧 3.5
• 苹果 Safari 1.0