CSS border-right-width 属性

定義と使用方法

border-right-width属性は、要素の右端のボーダーの幅を設定します。

ボーダースタイルがnoneでない場合にのみ効果があります。ボーダースタイルがnoneの場合、ボーダーの幅は実際には0にリセットされます。負の長さ値を指定することは許可されていません。

注釈：常にborder-right-width属性の前にborder-style属性を宣言してください。要素がボーダーを取得するまで、ボーダーの幅を変更することはできません。

参照もしくは：

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

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

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

例

右端のボーダーの幅を設定：

p
  {
  border-style:solid;
  border-right-width:15px;
  }

実際に試してみる

CSS语法

border-right-width: medium|thin|thick|length|initial|inherit;

属性値

値 説明
thin 細い右端のボーダーを定義します。
medium デフォルト値。中程度の右端のボーダーを定義します。
thick 太い右端のボーダーを定義します。
length 右端のボーダーの幅をカスタマイズすることができます。
inherit 親要素からボーダーの幅を継承するべきであることを指定します。

技術的詳細

デフォルト値： medium
継承性： no
バージョン： CSS1
JavaScript语法： object.style.borderRightWidth="thick"

さらに多くの例

右端のボーダーの幅を設定
この例では、右端のボーダーの幅を設定する方法を示します。

ブラウザのサポート

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

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

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