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

border-right-color プロパティ

 border-right-color プロパティは、エレメントの border(枠線、囲み線)の右線の色のみを指定するプロパティです。 borderborder-styleまたはborder-right-styleで線種を設定しないと表示されません。

右側に黄色の罫線を表示(Exampleを参照
border: 3px solid;
border-right-color: yellow;

詳しくは Example を参照してください

構文(Syntax)

CSS

border-right-color: color | transparent | initial | inherit ;

DOM ( JavaScript )

値の取得
object.style.borderRightColor
値の設定
object.style.borderRightColor=" color | transparent | initial | inherit "

値(Values)

Value摘要
none初期値(default値)
colorCSS Color
transparent透明色
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)エレメントの色
継承(Inherited)no
変化(Animatable)yes

Example

 border-right-colorの例です。borderのstyle(線種)はborderプロパティで設定しています。

 線種をborderプロパティで設定したために全体の罫線が表示され、右側だけが黄色で表示されています。