border-top-color プロパティ
border-top-color プロパティは、エレメントの囲み線である border の上辺の色のみを指定するプロパティです。
表示するためには、border、border-top、border-top-styleで線種を設定する必要があります。
border: 8px solid;
border-top-color: yellow;
ページ内 Index
構文(Syntax)
CSS
border-top-color: color | transparent | initial | inherit ;
DOM ( JavaScript )
object.style.borderTopColor
object.style.borderTopColor=" color | transparent | initial | inherit "
値（Values）
| Value | 摘要 |
|---|---|
| none | 初期値（default値） |
| color | CSS Color |
| transparent | 透明色 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | エレメントの色 |
| 継承（Inherited） | no |
| 変化（Animatable） | yes |
Example
border-topの例です。borderの上辺の線の色をイエローに指定しています。
関連 CSS プロパティ
以下は関連するプロパティです。
| border-top | border-top-width、border-top-style、border-top-color プロパティを一括指定 |
| border-top-style | 線の種類 |
| border-top-width | 線の幅 |