CSS | border-bottom-style 属性

border-bottom-style 属性用于定义元素底部边框的样式。它可以取以下值：

• none：无边框
• hidden：边框被隐藏
• dotted：点状边框
• dashed：虚线边框
• solid：实线边框
• double：双线边框
• groove：3D凹槽边框
• ridge：3D山脊边框
• inset：3D凸出边框
• outset：3D深凹边框

语法

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

• border-bottom-style：属性的名称
• none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset：属性的值

示例

/* 设置为 dotted 样式 */
border-bottom-style: dotted;

/* 设置为双线边框 */
border-bottom-style: double;

/* 设置为3D凹槽边框 */
border-bottom-style: groove;

注意事项

• border-bottom-style 属性只能应用于具有边框的元素，并且仅应用于底部边框。
• 此属性可以与 border-bottom-width 和 border-bottom-color 属性组合使用，以分别设置边框的宽度和颜色。
• 该属性可以通过缩写 border-bottom 来同时设置该元素所有边框的样式，例如：border-bottom: 2px dotted red;。