border-right-color

border-right-color CSS属性用来设置元素右边的border.这个属性的值也可以通过简写的CSS属性border-color或border-right来设置。

示例

/* <color> values */
border-right-color: red;
border-right-color: #ffbb00;
border-right-color: rgb(255, 0, 0);
border-right-color: hsla(100%, 50%, 25%, 0.75);
border-right-color: currentcolor;
border-right-color: transparent;

/* global values */
border-right-color: inherit;
border-right-color: initial;
border-right-color: unset;

浏览器支持

浏览器都支持border-right-color

语法

border-right-color:<color>

如果border-width等于0或border-style设置为none，本属性将被忽略。

取值：

<color>：指定颜色。参见<color>

实例

<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
.mybox {
  border: solid 0.3em gold;
  border-right-color: red;
  width: auto;
}

.redtext {
  color: red;
}