目录

style borderRadius 属性

示例

向 div 元素添加圆角边框:

document.getElementById("myDIV").style.borderRadius = "25px";
亲自试一试 »

描述

borderRadius 属性是用于设置或返回四个 borderRadius 属性的简写属性。

四个边框半径属性是(按此顺序):

边框左上半径
边框右上半径
边框右下半径
边框左下半径

提示:此属性允许您为元素添加圆角!


浏览器支持

Property
borderRadius Yes 9.0 Yes Yes Yes

语法

返回 borderRadius 属性:

object.style.borderRadius

设置 borderRadius 属性:

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

笔记:每个半径的四个值按左上、右上、右下、左下的顺序给出。如果省略左下角,则与右上角相同。如果省略右下角,则与左上角相同。如果省略右上角,则与左上角相同。

属性值

Value Description
length Defines the shape of the corners. Default value is 0
% Defines the shape of the corners in %
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 0
返回值: 一个字符串,表示元素的 border-radius 属性
CSS版本 CSS3

相关页面

CSS 参考:边界半径属性