• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • border-right-color

    border-right-color CSS属性用来设置元素右边的border.这个属性的值也可以通过简写的CSS属性border-colorborder-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;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持border-right-color

    语法

    border-right-color:<color>

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

    取值:

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

    默认值currentColor
    适用于所有元素
    继承性
    动画性
    计算值指定值

    实例

    <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;
    }
    

    上篇:border-right-style

    下篇:border-bottom