Color

El color de los bordes se controla con las cuatro propiedades siguientes:

border-top-color: Color del borde superior
border-right-color: Color del borde derecho
border-bottom-color: Color del borde inferior
border-left-color: Color del borde izquierdo

Valores: <color> | transparent | inherit
Se aplica a:  Todos los elementosValor inicial:  -
Descripción: Establece el color de cada uno de los cuatro bordes de los elementos

Si se quiere establecer el mismo color para todos los bordes, CSS permite la utilización de un atajo mediante una propiedad de tipo "shorthand", que permiten indicar varias propiedades de forma resumida:

border-color: Color del borde
Valores:  ( <color> | transparent ) {1, 4} | inherit
Se aplica a:  Todos los elementosValor inicia:  -

Descripción Establece el color de todos los bordes del elemento En este caso, al igual que sucede con la propiedad border-width, es posible indicar de uno a cuatro valores y las reglas de aplicación son idénticas a la propiedad border-width.