CSS 参考マニュアル

CSS @ルール（RULES）

CSS 属性全書

CSS border-right-color 属性 CSS3 border-radius 属性

CSS border-right 属性の使用方法および例

　　 border-right css属性は、要素の右側のボーダーの幅、スタイル、色を設定します。これは単一の右側のボーダー属性を設定することを意味します（つまり、同時に色、スタイル、幅を設定することを意味します）。border-right-width、border-right-styleおよびborder-right-color)の短縮属性。

以下の表はこの属性の使用方法とバージョンハイストリを示し、javascriptスクリプトでの使用方法も含まれています。

デフォルト値：	すべての属性を表示
適用：	すべての要素
継承：	ありません
アニメーション可能：	はい、参照。参照アニメーション属性。
バージョン：	CSS 1、2、3
JavaScript 構文:	object　　　object.style.borderRight="3px solid red"

border-rightの使用方法

この属性の構文は以下の通りです：

border-right:　[　border-right-width　border-right-style　border-right-color　]　|　initial　|　inherit

以下の例では、borderの使用方法を示しています-right属性。

例

　　h1　{
　　　border-right:　5px　dashed　#ff0000;
　　}
　　p　{
　　　border-right:　3px　dotted　#00ff00;
　　}

試してみる‹/›

属性値

以下の表はこの属性の値を説明しています。

値	説明
border-right-width	要素の右側のボーダーの幅を設定します。
border-right-style	要素の右側のボーダーの線のスタイルを設定します。
border-right-color	要素の右側のボーダーの色を設定します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連要素は親要素のborderを使用します-right属性値。

ブラウザ互換性

border-right属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

さらに詳しく

参照教程：CSS Border、CSS3 Border。

関連属性：border、border-right-color、border-right-style、border-right-width。

CSS border-right-color 属性 CSS3 border-radius 属性