HTML Dog
跳至导航

CSS 属性:border-top

盒子的顶部边框的宽度、样式和颜色。

这是一个简写属性,结合了 border-top-widthborder-top-styleborder-top-color

可能的值

一个用空格分隔的值列表,最多包含三个值,分别代表 border-top-widthborder-top-styleborder-top-color。任何被排除的值将恢复到其初始值。

描述 示例
[宽度]
(等同于 border-top-width 的值)
  • 显式设置了宽度。
  • 样式默认为 none。
  • 颜色默认为框的计算出的 color 属性。
2px
[样式]
(等同于 border-top-style 的值)
  • 显式设置了样式。
  • 宽度默认为 medium。
  • 颜色默认为框的计算出的 color 属性。
solid
[颜色]
(等同于 border-top-color 的值)
  • 显式设置了颜色。
  • 宽度默认为 medium。
  • 样式默认为 none。
red
[宽度] [样式]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 颜色默认为框的计算出的 color 属性。
2px solid
[宽度] [颜色]
  • 显式设置了宽度。
  • 显式设置了颜色。
  • 样式默认为 none。
2px red
[样式] [颜色]
  • 显式设置了样式。
  • 显式设置了颜色。
  • 宽度默认为 medium。
solid red
[宽度] [样式] [颜色]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 显式设置了颜色。
2px solid red
inherit
initial
unset

示例


#reptile { border-top: 1px solid #ff8800; }

浏览器支持