Свойство border-right
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО BORDER-RIGHT

Свойство border-right устанавливает все значения правой рамки.

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

Синтаксис

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

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

Значение Описание
border-right-width Определяет ширину правой рамки. Возможные значения:
border-right-style Определяет стиль правой рамки. Возможные значения:
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • initial
  • inherit
border-right-color Определяет цвет правой рамки.
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block block-1"></div>
<div class="block block-2"></div>
<div class="block block-3"></div>
HTML
.block {
  height: 50px;
  width: 50px;
  display: inline-block;
  background: #f1f1f1;
}

.block-1 {
  border-right: 3px solid blue;
}

.block-2 {
  border-right: 3px dashed red;
}

.block-3 {
  border-right: 3px dotted gray;
}
CSS
← Перейти к списку свойств