border-top-style · 跟老司机学CSS3

**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)