Style borderRadius 属性
Style 对象的 borderRadius 属性是设置或返回四个边框半径属性的速记属性
我们可以使用该属性向元素添加圆角边框
用于半径的四个值的是按照左上、右上、右下、左下的顺序给出的
- 如果左下的值被省略了,则它的值与右上的值一致
- 如果右下的值被省略了,则它的值与左上的值一致
- 如果右上的值被省略了,则它的值与左上的值一致
语法
返回 borderRadius 属性
object.style.borderRadius
设置 borderRadius 属性
objectstyle.borderRadius=" 1-4 length | % / 1-4 length | % |initial|inherit"
属性值
值 | 描述 |
---|---|
length | 定义角的形状。默认值是 0 |
% | 以 % 形式定义角的形状 |
initial | 设置该属性为它的默认值。可以阅读 initial |
inherit | 从父元素继承该属性。可以阅读 inherit |
返回值
字符串,表示元素的 border-radius 属性
浏览器支持
IE9+、Firefox、Chrome、Safari 和 Opera 支持 borderRadius 属性
范例
向 div 元素添加圆角边框
document.getElementById("myDIV").style.borderRadius="25px";
相关知识
CSS 参考手册: border-radius 属性