CSS border-style属性的有哪些作用

CSS border-style属性用于设置元素边框的样式。它可以设置元素的四个边框的样式，也能够单独设置某个边框的样式。

border-style属性有以下取值：
- none：没有边框
- solid：实线边框
- dotted：点状边框
- dashed：虚线边框
- double：双线边框
- groove：3D凹槽边框
- ridge：3D突出边框
- inset：3D嵌入边框
- outset：3D浮雕边框
- hidden：隐藏边框（与none类似，但可能会影响布局）

可使用border-style属性的简写情势设置所有四个边框的样式。例如，border-style: solid; 将为元素的四个边框设置实线样式。也能够使用border-top-style、border-right-style、border-bottom-style和border-left-style属性分别设置单独的边框样式。

示例：
css
.border-example {


border-style: dotted; /* 设置实线边框 */
}

.border-top-example {


border-top-style: dashed; /* 设置顶部边框为虚线 */
}

.border-right-example {


border-right-style: double; /* 设置右边边框为双线 */
}


注意：border-style属性只设置边框的样式，要完全定义边框，还需要使用border-width和border-color属性来设置边框的宽度和色彩。