備忘録的プログラミングリファレンス

border-right プロパティ

 border-right プロパティは、以下のようなエレメントの右辺のborder(罫線、枠線、囲み線)の色、線種、太さといったプロパティを一括で指定するプロパティです。

 border は、marginpadding の間に表示できる枠線です。

右側に点線の罫線を表示(Exampleを参照
border-right: 3px dotted rgb(0, 102, 0);

 border は、上辺下辺左辺、右辺と別々にそのプロパティを指定できます。

 border-right プロパティでは以下のようなプロパティが一括で指定できます。

構文(Syntax)

CSS

border-right: border-width border-style color;

DOM ( JavaScript )

値の取得
object.style.borderRight
値の設定
object.style.borderRight="border-width border-style color"

値(Values)

Value摘要
border-widthborderの幅で、初期値(default値)はmedium
border-styleborderの線種で、初期値はnone
colorCSS Colorで、初期値はエレメントの設定色
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)medium none color
継承(Inherited)no
変化(Animatable)yes

Example

 border-rightの例です。罫線の右側の太さ、線種、色を指定することができます。