border-top-color
**border-top-color
** CSS 属性设置元素顶部边框的颜色。它也可以使用简写 CSS 属性 border-color
或 border-top
来设置。
试一试
语法
css
/* <color> values */
border-top-color: red;
border-top-color: #ffbb00;
border-top-color: rgb(255 0 0);
border-top-color: hsl(100deg 50% 25% / 75%);
border-top-color: currentcolor;
border-top-color: transparent;
/* Global values */
border-top-color: inherit;
border-top-color: initial;
border-top-color: revert;
border-top-color: revert-layer;
border-top-color: unset;
border-top-color
属性指定为单个值。
值
<color>
-
顶部边框的颜色。
正式定义
正式语法
示例
带边框的简单 div
HTML
html
<div class="mybox">
<p>
This is a box with a border around it. Note which side of the box is
<span class="redtext">red</span>.
</p>
</div>
CSS
css
.mybox {
border: solid 0.3em gold;
border-top-color: red;
width: auto;
}
.redtext {
color: red;
}
结果
规范
规范 |
---|
CSS 背景和边框模块级别 3 # border-color |
浏览器兼容性
BCD 表格仅在浏览器中加载
另请参阅
- 与边框相关的 CSS 简写属性:
border
、border-top
和border-color
。 - 其他边框相关的 CSS 属性:
border-right-color
、border-bottom-color
和border-left-color
。 - 应用于相同边框的其他与边框相关的 CSS 属性:
border-top-style
和border-top-width
。 - 默认
currentcolor
颜色值。