#border-radius

#介绍

用于添加圆角边框。

#使用示例

css-apisrc/border-radius/App.tsx

预览

#Syntax

border: solid 10px;
border-radius: 10px 40px 40px 10px;

border: groove 1em red;
border-radius: 2em;

#取值

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

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

#形式定义

#形式语法

[<length> | <percentage>]{1, 2}

#与 Web 的区别

• mdn:border-radius

不支持 inherit、initial、revert、unset 等

#兼容性