CSS3 border-bottom-right-radius 属性

CSS3 border-bottom-right-radius 属性可以用来设置元素的右下角边框圆角的半径。这个属性是 CSS3 的新增属性，可以让我们以一种更简便、更准确的方式来设置圆角。

语法

以下是 CSS3 border-bottom-right-radius 属性的语法：

border-bottom-right-radius: length|percentage;

其中，length 和 percentage 表示在右下角边框的圆角半径。如果只指定一个值，则它将被应用于水平和垂直方向的半径。如果指定两个值，则第一个值表示水平半径，第二个值表示垂直半径。

取值范围

CSS3 border-bottom-right-radius 属性可以取以下几种值：

• length 表示可以使用绝对值来指定圆角的半径，如 px、em、cm、mm 等。
• percentage 表示可以使用相对值来指定圆角的半径，如 %。

示例

以下是 CSS3 border-bottom-right-radius 属性的示例：

/* 以绝对值来指定圆角的半径 */
div {
  border-bottom-right-radius: 20px;
}

/* 以相对值来指定圆角的半径 */
div {
  border-bottom-right-radius: 50%;
}

/* 同时指定水平和垂直方向的半径 */
div {
  border-bottom-right-radius: 30px 50px;
}

浏览器兼容性

CSS3 border-bottom-right-radius 属性的浏览器兼容性如下：

• Chrome：4.0+
• Firefox：3.6+
• Safari：5.0+
• Opera：10.5+
• IE：9.0+

总结

CSS3 border-bottom-right-radius 属性可以用来设置右下角边框的圆角半径，可以使用绝对值或相对值来指定。这个属性可以让我们以一种更简便、更准确的方式来设置圆角。不过要注意，这个属性目前还不被所有的浏览器支持。