Style borderRadius 属性
描述
borderRadius 属性是用于设置或返回四个 borderRadius 属性的简写属性。
四个边框半径属性按以下顺序排列：
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
提示：此属性允许您为元素添加圆角！
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| borderRadius | 是 | 9.0 | 是 | 是 | 是 |
语法
返回 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 |
相关页面
CSS 参考：border-radius 属性
