CSS `border-top-color` 属性

说明

border-top-color CSS 属性单独设置元素上边框的颜色。然而，在许多情况下，像 border-color 或 border-top 这样的简写 CSS 属性更易于使用且更受欢迎。

下表总结了此属性的使用上下文和版本历史记录。

默认值：	The value of the `color` property
适用于：	所有元素
继承：	No
动画：	Yes. 参见动画属性。
版本：	CSS 1, 2, 3

属性的语法如下：

border-top-color:

color | transparent | initial | inherit

下面的示例显示了 border-top-color 属性的作用。

p {
    border-style: solid;
    border-top-color: #ff0000;
}

注意：您必须在 border-bottom-width 属性之前声明 border-style 属性。元素必须有边框才能设置边框的宽度，因为 border-style 属性的默认值为 none。

下表描述了该属性的值。

值	说明
color	指定上边框的颜色。查看 CSS 颜色值以获取可能的颜色值列表。
`transparent`	允许边框透明，尽管它可能会占用 `border-width` 属性设置的空间。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `border-top-color` 属性的计算值。

所有主要的现代浏览器都支持 border-top-color 属性。

请参阅以下教程： CSS 边框, CSS3 边框.