#border-start-end-radius

#介绍

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

在 LTR 模式下，border-start-end-radius 等价于 border-top-right-radius。 在 RTL 模式下，border-start-end-radius 等价于 border-top-left-radius。

#使用示例

css-apisrc/border-start-end-radius/App.tsx

预览

#语法

/* the corner is a circle */
/* border-end-end-radius: radius */
border-start-end-radius: 3px;

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

#取值

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

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

• 默认值 0px

#形式定义

#形式语法

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

#与 Web 的区别

• mdn:border-start-end-radius

#扩展阅读

• direction

#兼容性

LCD tables only load in the browser