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

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

Сокращенный атрибут border-right устанавливает все свойства правого края в одном объявлении.

Свойства можно устанавливать в следующем порядке:

Если не указать одного из значений, это не вызовет проблемы, например, border-right:solid #ff0000; также разрешен.

Дополнительная литература:

Учебник CSS:Обрамление CSS

Руководство по HTML DOM:Свойство borderRight

Пример

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

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

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

CSS синтаксис

border-right: border-width border-style border-color|initial|inherit;

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

Значение Описание
border-right-width Определяет ширину правого края. См. также:border-right-width возможные значения.
border-right-style Определяет стиль правого края. См. также:border-right-style возможные значения.
border-right-color Определяет цвет правого края. См. также:border-right-color возможные значения.
inherit Определяет, что значение border-right должно быть получено от родительского элемента.

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

Значение по умолчанию: не указано
Ингерит: нет
Версия: CSS1
JavaScript синтаксис: object.style.borderRight="3px solid blue"

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

Все свойства правого края в одном объявлении
Этот пример демонстрирует сокращенный атрибут, который используется для установки всех свойств правого края в одном объявлении.

Поддержка браузерами

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

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

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