CSS border-right-color 属性
CSS border-right-color 属性
概述
CSS border-right-color 属性用于设置右侧边框的颜色。
语法
border-right-color: color|transparent|initial|inherit;
属性值:
color
:指定一个颜色值。transparent
:指定为透明。initial
:指定为默认值。inherit
:指定继承父元素的颜色属性。
示例
HTML
<div class="border-example">
<p>This is a paragraph element with a right border.</p>
</div>
CSS
.border-example {
border-right: 2px solid red;
border-right-color: blue;
}
效果
注意事项
- 如果同时设置了 border 和 border-right-color 属性,以 border-right-color 的值为准。
- 如果 border-right-color 的值为 transparent,边框将不可见。
- border-right-color 不会对其他方向边框的颜色产生影响,如需统一设置边框颜色请使用 border-color 属性。
浏览器兼容性
Chrome | Firefox | Safari | Opera | Edge | IE |
---|---|---|---|---|---|
1.0 | 1.0 | 1.0 | 3.5 | 12.0 | 8.0 |
总结
CSS border-right-color 属性用于设置元素右侧边框的颜色,可以为元素提供视觉上的分隔和边框。同时需要注意其与其他边框属性的关系,使用时需根据实际需求选择正确的属性值。