CSS border-top-left-radius 属性控制元素边框左上角的圆度。
可能的值
- <length>:使用长度值表示圆半径的大小。负值无效。
- <percentage>:使用百分比值表示圆半径的大小。
- 水平轴百分比是指框的宽度。
- 垂直轴百分比是指框的高度。
- 负值无效。
适用于
所有 HTML 元素,但 border-collapse 设置为 collapse 的 table 和 inline-table 元素除外。适用于 ::first-letter 。
DOM 语法
如果在元素上设置 border-top-left-radius 属性,然后在同一元素上设置 border-radius 属性,则 border-top-left-radius 属性将重置为其初始值。
CSS border-top-left-radius - <length> 值
以下是如何使用 length 值创建左上角圆角的示例 -
CSS border-top-left-radius - <percentage> 值
以下是如何使用百分比值创建左上角圆角的示例 -
CSS border-top-left-radius - 带动画
以下是如何使用动画创建左上角圆角的示例 -
CSS border-top-left-radius - 具有不同的形状
以下示例演示如何使用 border-top-left-radius 属性创建不同类型的圆角 -
CSS border-top-left-radius - 带图像
以下示例演示了如何使用 border-top-left-radius 属性创建左上角圆角图像 -