border-style 属性用于设置元素边框的样式。它可以设置一个或多个样式值，每个值对应一个边框（顺序为 top, right, bottom, left）。如果只指定了一个值，则该值适用于所有边框。
以下是 border-style 的语法：
border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
none：没有边框。
hidden：边框被隐藏，和 none 相似，但在某些情况下略有不同。
dotted：点状边框。
dashed：虚线边框。
solid：实线边框。
double：双线边框。
groove：3D 凹槽边框。
ridge：3D 凸槽边框。
inset：3D 凹边框。
outset：3D 凸边框。
initial：将边框样式设置为默认值。
inherit：从父元素继承边框样式。
以下是一个示例CSS：
.border-example {
border: 2px;
border-style: dotted dashed solid double;
}
这将设置一个 2 像素宽的边框，样式分别为点状、虚线、实线、双线，按照顺序应用于上、右、下、左四个边框。
如果只想为其中的某几个边框设置样式，可以通过以下方式来指定：
.border-example {
border: 2px;
border-style: solid dashed;
}
这将为上边框和右边框分别设置为实线和虚线，而左边框和下边框则使用默认样式。