CSS border-top-style 属性

border-top-style 属性用于设置元素顶部边框的样式。可以通过设置不同的样式值来改变边框的外观。常见的样式值包括：solid、dashed、dotted、double、groove、ridge、inset 和 outset。

语法

selector {
    border-top-style: value;
}

属性值

• value：指定元素顶部边框的样式，可以是以下值之一：
  • none：无边框
  • hidden：隐藏边框，但仍占据空间
  • dotted：点线边框
  • dashed：虚线边框
  • solid：实线边框
  • double：双线边框
  • groove：3D 凹槽边框
  • ridge：3D 凸槽边框
  • inset：3D 凹边框
  • outset：3D 凸边框

示例

.box {
    border-top-style: solid;
}

在上面的示例中，.box 类的元素的顶部边框样式被设置为实线边框。

注意事项

• 如果要为所有四个边框设置相同的样式，可以使用 border-style 属性。
• border-top-style 属性仅控制元素的顶部边框样式，如果需要同时控制多个边框的样式，可以使用 border-top, border-right, border-bottom, border-left 属性。