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

border-left-colorプロパティ

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

罫線の左側だけを赤で
border: 5px solid;
border-left-color: red;
詳しくはExampleを参照しくてください

関連プロパティ

 以下のような関連するプロパティがあります。

border-leftborder-left-color、border-left-style、border-left-widthの一括指定
border-left-color
border-left-style線種
border-left-width太さ

構文(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プロパティで線種を指定しているためです。