HTML | DOM 样式 borderTopStyle 属性

概述

borderTopStyle 属性用于设置元素顶部边框的样式。它可以与 borderTopWidth 和 borderTopColor 属性一起使用，以设置元素顶部边框的完整样式。

语法

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

属性值

值描述

• none：无边框。
• hidden：边框被隐藏。
• dotted：点状边框。
• dashed：虚线边框。
• solid：实线边框。
• double：双线边框。
• groove：突起的 3D 边框。
• ridge：内嵌的 3D 边框。
• inset：向内凹陷的 3D 边框。
• outset：向外凸起的 3D 边框。
• initial：使用默认值。
• inherit：从父元素继承值。

默认值

none

继承性

不可继承。

适用元素

所有元素。

注意事项

• border-top-style 在某些情况下需要与 border-top-width 一起使用，以产生可见效果。

示例

<style>
  p {
    border-top-style: dashed;
    border-top-width: 2px;
    border-top-color: blue;
  }
</style>

<p>This is a paragraph with a <b>dashed blue top border</b>.</p>

浏览器兼容性

| Chrome | Edge | Safari | Firefox | Opera | | ------ | ---- | ------ | ------- | ----- | | 1+ | 12+ | 1+ | 1+ | 4+ |

参考链接

• MDN web docs