Style borderRight 属性

定義と使用方法

borderRight 属性を短縮形式で設定または返します。最も多くの3つの右端の枠の属性を設定または返します。

この属性を使って、以下のいずれかまたは複数の項目を設定/返します（どの順番でもかまいません）：

も参照してください：

CSS チュートリアル：CSS 枠線

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

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

インスタンス

例 1

<div>要素に右端の枠を追加します：

document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";

実際に試してみる

例 2

<div>要素の右端の枠の幅、スタイルおよび色を変更します：

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

実際に試してみる

例 3

<div>要素のborder-right属性値を返します：

alert(document.getElementById("myDiv").style.borderLeft);

実際に試してみる

文法

borderRight 属性を返します：

object.style.borderRight

borderRight 属性を設定します：

object.style.borderRight = "width style color|initial|inherit"

属性値

値 説明
width 右端の枠の幅を設定します。
style 右端の枠のスタイルを設定します。
color 右端の枠の色を設定します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： 指定されていません
返り値： 文字列で、要素の右端の枠の幅、スタイルおよび/または色を示します。
CSS バージョン： CSS1

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート