CSS | border-top-style 属性

简介

border-top-style 属性定义了元素顶部边框的样式。

它是 CSS border-style 属性的一个方便的缩写属性，它只控制顶部边框的样式，而其他方向的边框样式可以通过其他的 border-* 属性来指定。

语法

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

• none：无边框。
• hidden：边框样式与 none 相同，但即使在打印页面时也会保留所占的空间。
• dotted：点状边框。
• dashed：虚线边框。
• solid：实线边框。
• double：双线边框。
• groove：3D沟槽边框。
• ridge：3D脊边框。
• inset：3D凹边框。
• outset：3D凸边框。

示例

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

该示例将 .border 的顶部边框样式设置为实线边框。

备注

border-top-style 属性只是 border-top 的缩写形式，如果需要同时设置顶部边框的宽度和颜色，可以使用 border-top 属性。