**border-top-left-radius**
* 描述:设置对象左上角圆角边框属性。
* 版本:CSS3
* 继承性:无
**语法**
```
border-top-left-radius:数值
```
数值种类
* 长度(length):
使用长度值设置对象圆角半径的长度,不允许负值
。
* 百分比(percentage):使用百分比设置对象圆角半径的长度,不允许负值。
**使用说明**
可以提供 2 个参数,2 个参数以空格分隔,每个参数允许设置 1 个参数值。
参数一表示水平半径,参数二表示垂直半径,如果参数二省略,则表示与参数一一致。
如 `border-top-left-radius:5px 10px` 表示左上角水平圆角半径为 5px,垂直圆角半径为 10px。
**代码示例**
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>border-top-left-radius</title>
<style>
#container{
width: 50px;
height: 50px;
border: 2px solid #000000;
border-top-left-radius: 15px;
}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>
```
![border-top-left-radius](https://box.kancloud.cn/037a95d99b6fa04a5c715b60082ebdcd_71x67.png)
- 空白目录
- CSS3专业名词
- 复合属性
- 继承性
- CSS3背景
- background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background-origin
- background-clip
- background-size
- CSS边框
- border
- border-width
- border-style
- border-color
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-left
- border-left-width
- border-left-style
- border-left-color
- border-radius
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- CSS颜色
- color
- opacity
- CSS字体
- font
- font-style
- font-variant
- font-weight
- font-size
- font-family
- font-stretch
- font-size-adjust
- CSS定位
- position
- z-index
- clip