border-right-color プロパティ
border-right-color プロパティは、エレメントの border(枠線、囲み線)の右線の色のみを指定するプロパティです。 border、border-styleまたはborder-right-styleで線種を設定しないと表示されません。
border: 3px solid;
border-right-color: yellow;
詳しくは Example を参照してください
ページ内 Index
構文(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値) |
| color | CSS Color |
| transparent | 透明色 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
| 初期値(Default value) | エレメントの色 |
| 継承(Inherited) | no |
| 変化(Animatable) | yes |
Example
border-right-colorの例です。borderのstyle(線種)はborderプロパティで設定しています。
線種をborderプロパティで設定したために全体の罫線が表示され、右側だけが黄色で表示されています。
関連プロパティ
以下のような関連するプロパティがあります。
| border-right | border-right-color、border-right-style、border-right-widthの一括指定 |
| border-right-color | 色 |
| border-right-style | 線種 |
| border-right-width | 太さ |
