JavaScript HTML DOM Style borderRadius 属性

• 

  borderRadius 属性

  borderRadius属性是一个简写属性，用于设置或返回四个borderRadius属性。四个边界半径属性是（按此顺序）：

  • borderTopLeftRadius
  • borderTopRightRadius
  • borderBottomRightRadius
  • borderBottomLeftRadius

  提示：此属性允许您向元素添加圆角！

  将圆角边框添加到div元素：

  document.getElementById("myDIV").style.borderRadius = "25px";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  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属性