#border-top-left-radius

#介绍

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

#使用示例

<Go/>

css-apisrc/border-top-left-radius/App.tsx

Code

预览

#语法

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

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

#取值

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

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

#形式定义

#形式语法

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

#与 Web 的区别

• mdn:border-top-left-radius

不支持 inherit、initial、revert、unset 等

#兼容性