border-color

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

IE Opera Chrome Firefox Safari
IE до 7.0 (включ.) не поддерживает значение inherit IE6 не поддерживает transparent + + + +

Пример

Прописываем границу вокруг элемента:

p
  	{
  	border-style:solid;
  	border-color:#ff0000 #0000ff;
  	}

Описание и использование

Свойство border-color задает цвет для четырех границ. Это свойство может иметь от одного до четырех значений.

Примеры:

* border-color:red green blue pink; - верхняя граница красная - правая граница зеленая - нижняя граница синяя - левая граница фиолетовая

* border-color:red green blue; - верхняя граница красная - правая и левая границы зеленые - нижняя граница синяя

* border-color:dotted red green; - верхняя и нижняя границы красные - правая и левая границы зеленые

* border-color:red; - все четыре границы красные

Примечание: Всегда прописывайте свойство border-style перед свойством border-color. У элемента должна быть граница, прежде чем менять ее цвет.

Значение по умолчанию: не указано
Наследуется: нет
Версия: CSS1

Аргументы

Значение Описание
имя_цвета Определяет цвет границы с помощью названия цвета. Например, red (красный)
hex_номер Определяет цвет границы с помощью hex кода. Например, #ff0000
rgb_номер Определяет цвет границы с помощью RGB кода, Например, rgb(255,0,0)
transparent Цвет границы прозрачный. Значение по умолчанию.
inherit Значение должно быть унаследовано от элемента родителя
^ Наверх ^