border-color プロパティ
border-color プロパティは、エレメントの border 線の色を指定するプロパティです。border とは枠線のことで margin と padding の間に表示されます。
border-color プロパティは、border-style または border でスタイル（線種）を指定しないと機能しません。
border-style: dotted;
border-color: green;
border-width: 3px;
詳しくは Example を参照してください
border は４辺、上辺、下辺、右辺、左辺のそれぞれで色、線種、太さを指定することができます。
ページ内 Index
構文(Syntax)
CSS
border-color: color | transparent | initial | inherit ;
DOM ( JavaScript )
object.style.borderColor
object.style.borderColor=" color | transparent | initial | inherit "
値（Values）
| Value | 摘要 |
|---|---|
| none | 初期値（default値） |
| color | CSS Color |
| transparent | 透明色 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | エレメントの色 |
| 継承（Inherited） | no |
| 変化（Animatable） | yes |
Example
関連 CSS プロパティ
以下は関連する CSS プロパティです。
| border | border-width、border-style、border-color プロパティを一括指定 |
| border-color | 線の色 |
| border-image | border線を画像で |
| border-radius | 線の角を丸く |
| border-style | 線の種類 |
| border-width | 線の幅 |