border-right-color
border-right-color
CSS 属性设置元素右侧 边框 的颜色。它也可以使用简写 CSS 属性 border-color
或 border-right
设置。
试试
语法
css
/* <color> values */
border-right-color: red;
border-right-color: #ffbb00;
border-right-color: rgb(255 0 0);
border-right-color: hsl(100deg 50% 25% / 75%);
border-right-color: currentcolor;
border-right-color: transparent;
/* Global values */
border-right-color: inherit;
border-right-color: initial;
border-right-color: revert;
border-right-color: revert-layer;
border-right-color: unset;
border-right-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-right-color: red;
width: auto;
}
.redtext {
color: red;
}
结果
规范
规范 |
---|
CSS 背景和边框模块级别 3 # border-color |
浏览器兼容性
BCD 表仅在浏览器中加载
另请参阅
- 与边框相关的 CSS 简写属性:
border
、border-right
和border-color
。 - 与其他边框相关的 CSS 属性:
border-left-color
、border-bottom-color
和border-top-color
。 - 应用于相同边框的其他与边框相关的 CSS 属性:
border-right-style
和border-right-width
。 - 默认的
currentcolor
颜色值。