Style borderRadius 属性
描述
borderRadius 属性是用于设置或返回四个 borderRadius 属性的简写属性。
四个 border radius 属性(按此顺序)
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 属性