CSS border-rightプロパティ


例

右の枠線のスタイルを設定：

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

試してみる »

プロパティの定義と使い方の説明

border-right ショートハンドプロパティは、右側の枠線に関するすべてのプロパティを1つの宣言に設定します。

設定できるプロパティは（順に）：border-right-width、border-right-style、border-right-color です。

上記の値のいずれかが欠けていても問題ありません。たとえば、border-right:solid #ff0000; のように指定できます。

デフォルト値： not specified
継承： no
バージョン： CSS1
JavaScript 構文： object object.style.borderRight="3px solid blue"

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要ブラウザーは border-right プロパティをサポートしています。

注意IE7 およびそれ以前のバージョンでは「inherit」の値はサポートされません。IE8 では DOCTYPE の定義が必要です。IE9 は「inherit」をサポートしています。

プロパティ値

值 説明
border-right-width 右の枠線の幅を指定します。
border-right-style 右の枠線のスタイルを指定します。
border-right-color 右の枠線の色を指定します。
inherit border-right プロパティの値を親要素から継承することを指定します。

関連記事

CSS チュートリアル：CSS ボーダー

その他の拡張