Border Color CSS

Свойство `border-color` в CSS используется для задания цвета рамки элемента. Оно может принимать одиночное значение, задавая единый цвет всей рамки, или до четырех значений, задавая цвет каждой стороны рамки по порядку: верхней, правой, нижней и левой.

Примеры:

1. Задание единого цвета всей рамки:

css
div {
  border: 1px solid red;
}

В данном примере рамка для элемента `div` будет иметь ширину 1 пиксель и красный цвет.

2. Задание цвета каждой стороны рамки по отдельности:

css
div {
  border-top-color: green;
  border-right-color: blue;
  border-bottom-color: yellow;
  border-left-color: purple;
}

В данном примере верхняя сторона рамки элемента `div` будет иметь зеленый цвет, правая сторона - синий, нижняя - желтый, а левая - фиолетовый.

3. Задание разных цветов каждой стороны рамки с использованием сокращенного синтаксиса:

css
div {
  border-color: green blue yellow purple;
}

В данном примере каждая сторона рамки элемента `div` будет иметь указанный цвет по порядку: зеленый, синий, желтый, фиолетовый.

Также, можно использовать ключевые слова, представляющие некоторые предопределенные цвета, например:

css
div {
  border-color: red; /* обычный красный цвет */
  border-color: rgb(255, 0, 0); /* также обычный красный цвет */
  border-color: #FF0000; /* также обычный красный цвет */
  border-color: transparent; /* прозрачный цвет */
  border-color: inherit; /* наследует цвет родительского элемента */
}

Все вышеперечисленные примеры позволяют задавать цвет рамки элемента с помощью свойства `border-color` в CSS.