Css之border-radius

border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

默认值：看每个独立属性

适用于：所有元素

继承性：无

动画性：看每个独立属性

计算值：看每个独立属性

<length>：

用长度值设置对象的圆角半径长度。不允许负值

<percentage>：

用百分比设置对象的圆角半径长度。不允许负值

• 水平半径：如果提供全部四个参数值，将按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的顺序作用于四个角。
• 如果只提供一个，将用于全部的于四个角。
• 如果提供两个，第一个用于上左(top-left)、下右(bottom-right)，第二个用于上右(top-right)、下左(bottom-left)。
• 如果提供三个，第一个用于上左(top-left)，第二个用于上右(top-right)、下左(bottom-left)，第三个用于下右(bottom-right)。
• 垂直半径也遵循以上4点。
• 对应的脚本特性为borderRadius。

• 浅绿 = 支持
• 红色 = 不支持
• 粉色 = 部分支持

1. Firefox从13.0开始移除对-moz-的支持，仅支持标准的border-radius写法，在4.0-12.0区间，两种方式都支持。