Для изменения цвета границ веб-элементов с помощью CSS используется свойство border-color. 24 Оно позволяет задать цвет для всех сторон элемента или для каждой отдельной стороны. 1

По умолчанию свойство имеет значение currentcolor, то есть наследует цвет элемента. 4 Задать определённый цвет границам можно с помощью: 4

• названия цвета, например: red, green и т. д.; 4
• шестнадцатеричного кода, например: #ff0000, #00ff00 и т. д.; 4
• rgb(), rgba(), hsl() или hsla(); 4
• transparent (прозрачный). 4

Если указать одно значение, то оно будет применено сразу к четырём границам (верхней, правой, нижней и левой). 4

Чтобы задать отдельные значения для каждой стороны границы, рекомендуется использовать отдельные свойства border-top, border-right, border-bottom и border-left. 5