CSS | border-top-color 属性

border-top-color 属性用于设置元素顶部边框的颜色。

语法

border-top-color: color|transparent|initial|inherit;

属性值

| 值 | 描述 | | --- | --- | | color | 规定元素顶部边框的颜色。可以使用 CSS 颜色值，如 red 或 #ff0000。 | | transparent | 规定元素顶部边框的颜色为透明。 | | initial | 规定元素顶部边框的颜色应该是它的父元素的前景色（color 属性）。 | | inherit | 规定元素顶部边框的颜色应该从父元素继承。 |

继承性

border-top-color 属性不被继承。

注意事项

• border-top-color 属性必须与 border-top-width 和 border-top-style 属性一起使用。
• 值为 transparent 或 initial 时，当被应用于一个具有 0 宽度或 0 高度的元素的顶部边框时，将无法看到该边框（即使顶部边框宽度为 0 时也可以看到，只要顶部边框样式不为 none 就好），原因是边框颜色被应用于边框宽度。

示例

设置元素顶部边框颜色

border-top-color: red;

设置透明的元素顶部边框

border-top-color: transparent;

继承父元素的前景色

border-top-color: initial;

从父元素继承元素顶部边框颜色

border-top-color: inherit;