Color del borde
La propiedad border-color se utiliza para establecer el color de los cuatro bordes.
El color se puede establecer mediante:
Nombre - un nombre de color específico como:
red,blue, etc.HEX - un valor hexadecimal específico como
#ff0000RGB - un valor
rgbespecífico comorgb(255, 0, 0)HSL - un valor
hslespecífico comohsl(0, 100%, 50%)
Nota: si la propiedad
border-colorno está configurado, heredará el color del elemento.
Ejemplo:
Demo de los diferentes colores de borde:
Colores laterales específicos
La propiedad border-color puede tener de uno a cuatro valores (top, right, bottom y left).
Ejemplo:
Valores hexadecimales
El color del borde también se puede especificar mediante un valor hexadecimal (HEX):
Ejemplo:
Valores rgb
El color del borde también se puede especificar mediante un valor rgb:
Ejemplo:
Valores hsl
También puedes usar valores HSL:
Ejemplo:
Resumen
La propiedad border-color se utiliza para establecer el color de los bordes en CSS, y se puede establecer mediante nombre, valor hexadecimal, valor rgb o valor hsl. También se puede especificar un color diferente para cada lado del borde.
Traducido con 💚 desde W3Schools.com