css border-style属性 CSS border-top-style 属性

css border-style属性

CSS border-style 属性用于指定元素边框的样式。它可以让你控制元素的边框样式，以便为元素添加不同的外观效果。

border-style 属性可以使用以下值：

none：无边框。 
hidden：隐藏边框。 
dotted：实线边框。 
dashed：虚线边框。 
solid：实线边框。 
double：双实线边框。 
groove：3D凹槽效果的实线边框。 
ridge：3D凸出效果的实线边框。 
inset：3D内嵌效果的实线边框。 
outset：3D外凸效果的实线边框。  

border-style 属性可以应用于所有四个方向上的单独一条或多条 border 记录中的一个或多个值中去，也可以应用于所有四个方向上的 border 记录中去作为一个值去使用。如需要在不同方向上使用不同样式时就需要使用单独一条或多条 border 记录中去应用不同样式值了。

例如你想要在左、上、右三条 border 都是 dotted 样式而底部是 double 样式时就需要这样写代码:

border-style: dotted dotted double dotted;

CSS border-top-style 属性