CSS border-right プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

右ボーダーのスタイルを設定します:

p {
    border-style: solid;
    border-right: thick double #ff0000;
}
Try it Yourself ❯

定義と用法

border-right ショートハンド・プロパティは、1回の宣言で全ての右ボーダープロパティを設定します。

プロパティは次の順に設定されます:border-right-width、border-right-style、border-right-color。

上記値のうちの 1 つを省略しても問題ありません。例えば、 border-right:solid #ff0000; のような指定が可能です。

デフォルト値: not specified
継承: 継承する
アニメーション可否: yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン: CSS1
JavaScript 構文: object.style.borderRight="5px dotted blue" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
border-right 1.0 4.0 1.0 1.0 3.5

CSS 構文

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

プロパティの値

説明
border-right-width 右ボーダーの幅を指定します。
border-right-style 右ボーダーのスタイルを指定します。
border-right-color 右ボーダーの色を指定します。
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Border

HTML DOM リファレンス:borderRight プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯