**border-top-style**
* 描述:设置对象上边框的样式。
* 版本:CSS1
* 继承性:无
**语法**
```
border-top-style: 样式值;
```
样式值
* none:无轮廓。border-color 将被忽略,border-width 计算值为 0,除非边框轮廓为图像,即:border-image。
* hidden:隐藏边框。
* dotted:点状轮廓。
* dashed:虚线轮廓。
* solid:实线轮廓
* double:双线轮廓。两条单线与其间隔的和等于指定的border-width值
* groove:3D凹槽轮廓。
* ridge:3D凸槽轮廓。
* inset:3D凹边轮廓。
* outset:3D凸边轮廓。
**使用说明**
该属性仅对上边框的样式进行设置。
如果 border-width 等于 0,该属性无效。
**代码示例**
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>border-top-style</title>
<style>
#container{
width: 50px;
height: 50px;
border: solid #000000;
border-top-style: dotted;
}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>
```
![border-top-style](https://box.kancloud.cn/99bd28221c3c08c0a3e532ebd1d24103_68x69.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