■ <border-color>

border-colorプロパティは、上下左右のボーダーの色をまとめて指定する際に使用します。 上下左右を異なった色にしたい場合には、スペースで区切って複数の値を指定します。

値を1つ指定した場合： [上下左右]がその色になります。
値を2つ指定した場合： 記述した順に[上下][左右]の色になります。
値を3つ指定した場合： 記述した順に[上][左右][下]の色になります。
値を4つ指定した場合： 記述した順に[上][右][下][左]の色になります。

■値
色
#000000などの記述やカラーネームで色指定をします。
transparent
ボーダーの色を透明にします。