border-left-color

要素の左側に表示される境界線の色を指定した値に設定します。
border-left-color: #FF0000;
これは左側に表示される境界線の色を赤色に設定する記述です。

パラメータの設定

境界線の色
表示される境界線の色を指定します。
border-left-color: red;
border-left-color: #FF8822;
border-left-color: rgb(255,136,34);
CSSで色を指定する具体的な方法は下記のページにてまとめて解説しています。
CSSで色を設定する方法

利用例

カラーネームで色を指定する
border-left-color: red;
border-left-width: 10px;
border-left-style: solid;
■ 表示される内容
16進数RGBで色を指定する
border-left-color: #FF8822;
border-left-width: 10px;
border-left-style: solid;
■ 表示される内容
RGBで色を指定する
border-left-color: rgb(255,136,34);
border-left-width: 10px;
border-left-style: solid;
■ 表示される内容
RGBAで半透明にする
border-left-color: rgba(255,136,34,0.3);
border-left-width: 10px;
border-left-style: solid;
■ 表示される内容
HSLで色を指定する
border-left-color: hsl(320,70%,50%);
border-left-width: 10px;
border-left-style: solid;
■ 表示される内容

関連する属性