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

border-top-color プロパティ

 border-top-color プロパティは、エレメントの囲み線である border の上辺の色のみを指定するプロパティです。

 表示するためには、borderborder-topborder-top-styleで線種を設定する必要があります。

borderの上辺の色を指定
border: 8px solid;
border-top-color: yellow;

構文(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値)
colorCSS Color
transparent透明色
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example

 border-topの例です。borderの上辺の線の色をイエローに指定しています。