css border-style属性设置元素边框线条的样式

css border-style属性

CSS border-style属性用于设置元素边框线条的样式，它可以接受一个或多个值，分别代表不同的样式：

• none：表示无边框；
• hidden：表示隐藏边框；
• dotted：表示点状边框；
• dashed：表示虚线边框；
• solid：表示实线边框；
• double：表示双线边框；
• groove：表示凹槽边框；
• ridge：表示凸槽边框；
• inset：表示深色凹槽边框；
• outset：表示浅色凸槽边框。

使用方法：

/* 为元素设置实线边框 */
border-style: solid;

/* 为元素设置实线和虚线边框 */
border-style: solid dashed;

/* 为元素的上下边框设置实线，左右边框设置虚线 */
border-style: solid dashed;
border-top-style: solid;
border-right-style: dashed;
border-bottom-style: solid;
border-left-style: dashed;

注意：如果border-style属性设置为none，那么其他border属性（比如border-width，border-color等）将不起作用。