css中border-right-color属性怎么用

这篇文章主要介绍css中border-right-color属性怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　cssborder-right-color属性定义及用法

　　在css中，border-right-color属性是用来设置一个元素的右边框的颜色。当我们需要改变元素右边框的颜色的时候，可以使用border-right-color属性来设置。在使用border-right-color属性定义边框演示之前必须先定义边框（即定义border-right-style属性），不然没有边框就定义边框颜色是没有效果的。

　　cssborder-right-color属性语法格式

　　css语法：border-right-color:color_name/hex_number/rgb_number/transparent/inherit

　　例：border-right-color:red;border-right-color:#ff0000;border-right-color:rgb(255,0,0)

　　JavaScript语法:object.style.borderRightColor="blue"

　　cssborder-right-color属性值说明

　　color_name：边框颜色为颜色名称表示的颜色（如red）

　　hex_number：边框颜色为十六进制值表示的颜色（如#ff0000）

　　rgb_number：边框颜色为rgb代码表示的颜色（如rgb(255,0,0)）

　　transparent：边框颜色为透明（默认）

　　Inherit：从父元素继承边框颜色

　　实例

　　

　　body{background:#ddd;font-size:20px;}

　　#a,#b,#c,#d{border:2pxsolid#000;margin-top:10px;width:300px;}

　　#a{border-right-color:red;}

　　#b{border-right-color:#FF9999;}

　　#c{border-right-color:rgb(138,43,226);}

　　border-right-color:red;颜色名称表示的颜色演示