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

border-color プロパティ

 border-color プロパティは、エレメントの border 線の色を指定するプロパティです。border とは枠線のことで marginpadding の間に表示されます。
 border-color プロパティは、border-style または border でスタイル(線種)を指定しないと機能しません。

borderを点線、緑色で表示
border-style: dotted;
border-color: green;
border-width: 3px;

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

 border は4辺、上辺下辺右辺左辺のそれぞれで色、線種、太さを指定することができます。

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

備考(Remarks)

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

Example