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

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

border-right-color устанавливает цвет правого края элемента.

Можете определить только чистый цвет, и рамка будет видна только при значении стиля рамки, не равном none или hidden.

Комментарий:Всегда ставьте атрибут border-style до border-color. Элемент должен получить рамку, прежде чем изменить цвет.

См. также:

Учебник CSS:Границы CSS

Справочник CSS:Свойство border-right

HTML DOM справочник:Свойство borderRightColor

Пример

Установить цвет правого края:

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

Попробуйте сами

CSS синтаксис

border-right-color: color|transparent|initial|inherit;

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

Значение Описание
color_name Указывается цвет рамки по имени цвета (например, red).
hex_number Указывается цвет рамки в формате шестнадцатеричного числа (например, #ff0000).
rgb_number Указывается цвет рамки в формате rgb (например, rgb(255,0,0)).
transparent Значение по умолчанию. Цвет рамки является прозрачным.
inherit Указывается, что цвет рамки должен быть наследован от родительского элемента.

Технические детали

Значение по умолчанию: не указано
Инheritability: нет
Версия: CSS1
JavaScript синтаксис: объект.style.borderRightColor="blue"

Более примеров

Установить цвет правого края
Этот пример демонстрирует, как установить цвет правого края.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Комментарий:Internet Explorer 6 (и более ранние версии) не поддерживают значение свойства "transparent".

Комментарий:Браузеры IE7 и более ранние версии не поддерживают значение "inherit". IE8 требует !DOCTYPE. IE9 поддерживает "inherit".