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

border-left-colorプロパティ

 border-left-colorプロパティは、エレメントの border(枠線、囲み線)の左線の色を指定するプロパティです。 borderborder-style または border-left-style で線種を設定しないと表示されません。

罫線の左側だけを赤で
border: 5px solid;
border-left-color: red;

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

構文(Syntax)

CSS

border-left-color: color | transparent | initial | inherit ;

DOM ( JavaScript )

値の取得
object.style.borderLeftColor
値の設定
object.style.borderLeftColor=" color | transparent | initial | inherit "

値(Values)

Value摘要
none初期値(default値)
colorCSS Color
transparent透明色
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example

 border-leftの例です。罫線の左側だけを黄色で表示します。全体の枠線として表示されているのはborderプロパティで線種を指定しているためです。