border-bottom-right-radius

介绍

用于添加右下角圆角边框。第一个值是水平半径，第二个值是垂直半径。如果省略第二个值，则复制第一个值。如果长度为零，则边角为方形，而不是圆形。水平半径的百分比值参考边框盒的宽度，而垂直半径的百分比值参考边框盒的高度。

取值

• <length>
  定义圆角的形状。

• <percentage>
  以百分比定义圆角的形状

标准化语法

[<length> | <percentage>] [ / [<length> | <percentage>]]?

样例：

/* the corner is a circle */
/* border-bottom-right-radius: radius */
border-bottom-right-radius: 3px;

/* the corner is an ellipsis */
/* border-bottom-right-radius: horizontal vertical */
border-bottom-right-radius: 0.5em 1em;

与 Web 的区别

• mdn:border-bottom-right-radiusopen in new window

不支持 inherit、initial、revert、unset 等