CSS border-right-color 属性

定義と使用方法

border-right-colorは要素の右端の色を設定します。

純色のみを定義でき、边框のスタイルがnoneまたはhiddenでない値である場合にのみ边框が表示されます。

注釈：常にborder-style属性をborder-color属性よりも前に宣言してください。要素は色を変更する前に边框を取得する必要があります。

他にも参照してください：

CSSチュートリアル：CSS 边框

CSSリファレンスマニュアル：border-right属性

HTML DOMリファレンスマニュアル：borderRightColor属性

例

右端の色を設定：

p
  {
  border-style:solid;
  border-right-color:#ff0000;
  }

実際に試してみてください

CSS文法

border-right-color: color|transparent|initial|inherit;

属性値

値 説明
color_name 色名を指定する边框色（例えばred）を規定します。
hex_number 十六進値の色値を指定する边框色（例えば#ff0000）を規定します。
rgb_number rgbコードの色値を指定する边框色（例えばrgb(255,0,0)）を規定します。
transparent デフォルト値。边框色は透明です。
inherit 親要素から边框色を継承するべきです。

技術的詳細

デフォルト値： 指定されていません
継承性： no
バージョン： CSS1
JavaScript文法： object.style.borderRightColor="blue"

他の例

右端の色を設定
この例では、右端の色を設定する方法を示しています。

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

注釈：Internet Explorer 6（およびそれ以前のバージョン）では属性値"transparent"をサポートしていません。

注釈：IE7およびそれ以前のブラウザでは値"inherit"をサポートしていません。IE8では!DOCTYPEが必要です。IE9では"inherit"をサポートしています。