Style borderRadius 属性
定义和用法
borderRadius
属性是用于设置或返回四个 borderRadius 属性的简写属性。
四个 borderRadius 属性是(按此顺序):
提示:此属性允许您为元素添加圆角!
另请参阅:
CSS 参考手册:border-radius 属性
语法
返回 borderRadius 属性:
object.style.borderRadius
设置 borderRadius 属性:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
注释:每个半径的四个值按左上、右上、右下、左下的顺序给出。如果省略左下角,则与右上角相同。如果省略右下角,则与左上角相同。如果省略了右上角,则它与左上角相同。
属性值
值 | 描述 |
---|---|
length | 定义角的形状。默认值为 0。 |
% | 以百分比定义圆角的形状。 |
initial | 将此属性设置为其默认值。请参阅 initial。 |
inherit | 从其父元素继承此属性。请参阅 inherit。 |
技术细节
默认值: | 0 |
---|---|
返回值: | 字符串,表示元素的 border-radius 属性。 |
CSS 版本: | CSS3 |
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 9.0 | 支持 | 支持 | 支持 |