border-bottom-left-radius

介绍

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

使用示例

语法

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

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

取值

<length> 定义圆角的具体尺寸值（默认 0）
<percentage> 以百分比定义圆角（水平半径参考边框盒宽度，垂直半径参考高度）

形式定义

初始值	0
适用元素	所有元件
是否支持继承	no
是否支持动画	no

形式语法

border-bottom-left-radius = <length-percentage>{1,2}
<length-percentage> = <length> | <percentage>

与 Web 的区别

MDN 参考
不支持全局值（inherit / initial / revert / unset）

兼容性

LCD tables only load in the browser

#border-bottom-left-radius

#介绍

#使用示例

#语法

#取值

#形式定义

#形式语法

#与 Web 的区别

#兼容性

border-bottom-left-radius

介绍

使用示例

语法

取值

形式定义

形式语法

与 Web 的区别

兼容性