边框样式（MDN）

边框样式是用来设置元素边框显示效果的一个属性。在 CSS 中，我们可以使用 border-style 属性来指定边框的样式。

语法

border-style: <style>;

其中，<style> 是一个可选值，用来设置边框的样式。

可选值

下面是 border-style 属性的常见可选值：

• none：无边框，没有任何样式；
• dotted：点状边框，由一系列的小点组成；
• dashed：虚线边框，由一系列小短线组成；
• solid：实线边框，由一条线组成；
• double：双线边框，由两条线并排组成；
• groove：3D 凹槽效果边框；
• ridge：3D 凸起效果边框；
• inset：3D 深陷效果边框；
• outset：3D 浮出效果边框；
• hidden：隐藏边框，与 none 类似，但在某些情况下略有不同。

示例

设置实线边框

.border-example {
  border-style: solid;
}

设置虚线边框

.border-example {
  border-style: dashed;
}

设置双线边框

.border-example {
  border-style: double;
}

继承性

border-style 属性不被继承，子元素不会继承父元素的边框样式。

总结

border-style 属性是用来设置元素边框样式的。通过指定可选值，我们可以控制边框是实线、虚线、点状等效果。结合其他边框相关属性，可以创建出各种独特的边框效果。参考 MDN 文档以了解更多关于边框样式的细节。