CSS border-right-color 属性

实例

设置右边框的颜色：

  1. p
  2.   {
  3.   border-style:solid;
  4.   border-right-color:#ff0000;
  5.   }

浏览器支持


IE Firefox Chrome Safari Opera
ie firefox chrome safari opera

所有浏览器都支持 border-right-color 属性。

注释：Internet Explorer 6（以及更早的版本）不支持属性值 "transparent"。

注释：IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

定义和用法

border-right-color 设置元素的右边框的颜色。

只能定义纯色，而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。

注释：请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

默认值： not specified
继承性： no
版本： CSS1
JavaScript 语法： object.style.borderRightColor="blue"

可能的值

值 描述
color_name 规定颜色值为颜色名称的边框颜色（比如 red）。
hex_number 规定颜色值为十六进制值的边框颜色（比如 #ff0000）。
rgb_number 规定颜色值为 rgb 代码的边框颜色（比如 rgb(255,0,0)）。
transparent 默认值。边框颜色为透明。
inherit 规定应该从父元素继承边框颜色。

实例

设置右边框的颜色

本例演示如何设置右边框的颜色。 

  1.  <html>
  2.  <head>
  3.  <style type="text/css">
  4.  p 
  5.  {
  6.  border-style: solid;
  7.  border-right-color: #ff0000
  8.  }
  9.  </style>
  10.  </head>
  12.  <body>
  13.  <p>Some text.</p>
  14.  </body>
  16.  </html>

相关页面

CSS 教程：CSS 边框

CSS 参考手册：border-right 属性

HTML DOM 参考手册：borderRightColor 属性