描述
border-right-color 属性用于设置元素右边框的颜色。
语法
border-right-color: color|transparent|initial|inherit;
color:指定右边框的颜色值。可以使用颜色名称、十六进制值、RGB、RGBA、HSL或HSLA值。transparent:指定右边框为透明。initial:设置为默认值。inherit:继承父元素的值。
示例
// www.javascriptcn.com code example
/* 设置右边框为红色 */
div {
border-right-color: red;
}
/* 设置右边框为透明 */
div {
border-right-color: transparent;
}
/* 设置右边框为继承父元素的颜色 */
div {
border-right-color: inherit;
}注意事项
- 如果
border-right-color未设置,右边框颜色将默认与border-color或border-right属性相同。 - 如果
border-right属性同时设置了右边框的宽度、样式和颜色,border-right-color属性将覆盖border-right中的颜色设置。
| 值 | 描述 |
|---|---|
| color_name | 规定颜色值为颜色名称的边框颜色(比如 red)。 |
| hex_number | 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。 |
| rgb_number | 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。 |
| transparent | 默认值。边框颜色为透明。 |
| inherit | 规定应该从父元素继承边框颜色。 |