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

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

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

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

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

См. также:

CSS Tutorial:Края в CSS

CSS Reference Manual:border-right property

HTML DOM Reference Manual:borderRightColor property

Пример

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

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

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

CSS syntax

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

Свойство значения

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

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

Default value: not specified
Инheritability: no
Версия: CSS1
JavaScript syntax: object.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".