HTML | DOM 样式 borderBottomStyle 属性

borderBottomStyle 属性用于设置元素下边框的样式。

语法

<style>
    selector {
        borderBottomStyle: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
    }
</style>

属性值

• none：无边框样式。
• hidden：隐藏边框。
• dotted：边框为点状线。
• dashed：边框为虚线。
• solid：边框为实线。
• double：边框为双实线。
• groove：边框呈槽状。
• ridge：边框呈脊状。
• inset：边框呈内陷状。
• outset：边框呈外凸状。
• initial：默认值，使用浏览器默认的下边框样式。
• inherit：继承父元素的下边框样式。

示例

<style>
    p {
        border-bottom-style: dashed;
    }
</style>

<p>这是一个带虚线下边框的段落。</p>

备注

• borderBottomStyle 属性通常与 borderBottomWidth、borderBottomColor 一起使用，用于完全定义下边框的样式。
• 如果需要设置所有边框的样式，可以使用 border-style 属性。

以上就是关于 HTML | DOM 样式 borderBottomStyle 属性的介绍，你可以根据需要设置不同的属性值来自定义元素下边框的样式。