CSS 属性

CSS border-right-color设置元素右边框的颜色；默认值是元素的颜色。

属性值

  • color: 任何有效的颜色值。

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderRightColor = "red";
始终声明 border-right-style 或 border-right-color 属性之前的 border-style 属性。

示例

这里是显示此属性效果的示例 -

<html>
  <head>
     <style>
        p.example1 {border-style: solid;
           border-right-color: rgb(255, 0, 0);
           }
        p.example2 {border-style: solid;
            border-right-color: rgba(255, 0, 0,0.4);
            }
        p.example3 {border-style: solid;
            border-right-color: hsl(0, 100%, 50%);
            }
        p.example4 {border-style: solid;
            border-right-color: hsla(0, 100%, 50%, 0.3);
            }
        p.example5 {border-style: solid;
            border-right-color: transparent;
            }
     </style>
  </head>
  <body>
        <p class="example1">right border with RGB color value</p>
        <p class="example2">right border with RGBA color value</p>
        <p class="example3">right border with HSL color value</p>
        <p class="example4">right border with HSLA color value</p>
        <p class="example5">right border with transparent color value</p>

  </body>
  </html>