CSS | border-start-start-radius 属性

CSS中可以使用 border-start-start-radius 属性来设置边框圆角的大小，该属性用于指定一个元素的开始边的开始角的半径。

语法

border-start-start-radius: length | percentage;

• length: 指定边角的大小，可以指定像素（px）、厘米（cm）、毫米（mm）、英寸（in）等单位。
• percentage: 指定边角相对于其包含块的百分比大小。

实例

/* 将元素左边开始的上端圆角设置为 10 像素 */
border-start-start-radius: 10px;

/* 将元素左边开始的上端圆角设置为 50% */
border-start-start-radius: 50%;

兼容性

• Chrome: 94.0+
• Firefox: 93.0+
• Edge: 94.0+
• Safari: 15.1+
• Opera: 81.0+

注意事项

• 没有对应的 border-start-end-radius 属性，而 border-end-start-radius 属性会使用开始边底部的值。
• 如果某个角落同时设置了多个属性（如 border-top-left-radius、border-bottom-left-radius、border-start-start-radius），则将使用最后定义的属性的值。

总结

border-start-start-radius 属性用于指定元素的开始边的开始角的半径大小，可以使用长度或百分比来指定。该属性在圆角上的应用增加了更多的灵活性。