CSS border-right 属性

定義と使用方法

border-rightショートカット属性は、右端のすべての属性を一つの宣言にまとめて設定します。

以下の順序で属性を設定できます：

値のうちいくつかを設定しなくても問題はありません。例えばborder-right:solid #ff0000;も許可されています。

参照：

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

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

例

右端のスタイルを設定：

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

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

CSS文法

border-right: border-width border-style border-color|initial|inherit;

属性値

値 説明
border-right-width 右端の幅を指定します。参照：border-right-width 中の可能な値。
border-right-style 右端のスタイルを指定します。参照：border-right-style 中の可能な値。
border-right-color 右端の色を指定します。参照：border-right-color 中の可能な値。
inherit 親要素からborder-right属性の設定を継承するべきことを指定します。

技術的詳細

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

さらに多くの例

すべての右端の属性が一つの宣言に含まれています
この例では、すべての右端の属性を一つの宣言で設定するために使用されるショートカット属性を示しています。

ブラウザのサポート

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

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

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