CSS свойство border-color

Поддержка браузеров

Описание

Свойство border-color задает цвет для границ рамки элемента. Можно использовать от 1 до 4 значений. Цвет устанавливается начиная с верхней позиции. Если задано два цвета подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.

Пример:

• border-color:red green blue pink;
  • Верхняя граница - красная
  • Правая граница - зеленая
  • Нижняя граница - синяя
  • Левая граница - розовая
     
• border-color:red green blue;
  • Верхняя граница - красная
  • Правая граница - зеленая
  • Нижняя граница - синяя
  • Левая граница - зеленая
     
• border-color:red green;
  • Верхняя граница - красная
  • Правая граница - зеленая
  • Нижняя граница - красная
  • Левая граница - зеленая
     
• border-color:red;
  • Все 4 границы рамки - красные

Значения свойства

div
{
border-style:solid;
border-width:5px;	
border-color:red green blue yellow;
}