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

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

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

Рамка может появиться только если это значение не equals none.

В CSS1 HTML пользовательский агент должен поддерживать только solid и none.

См. также:

Уроки CSS:Границы CSS

Руководство по CSS:Атрибут border-right

Руководство по HTML DOM:Атрибут borderRightStyle

Пример

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

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

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

CSS синтаксис

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Значение атрибута

Значение Описание
none Определяет рамку без рамки.
hidden Такое же значение, как и для "none", но для таблиц не применяется. Для таблиц используется "hidden", чтобы решить проблему конфликта рамок.
dotted Определяет точечную рамку. В большинстве браузеров呈现ится сплошная линия.
dashed Определяет пунктирную линию. В большинстве браузеров呈现ится сплошная линия.
solid Определяет сплошную линию.
double Определяет двойную линию. Ширина двойной линии равна значению border-width.
groove Определяет 3D впадинчатую рамку. Эффект зависит от значения border-color.
ridge Определяет 3D бугорчатую рамку. Эффект зависит от значения border-color.
inset Определяет 3D inset рамку. Эффект зависит от значения border-color.
outset Определяет 3D outset рамку. Эффект зависит от значения border-color.
inherit Определяет, что стиль рамки должен быть наследован от родительского элемента.

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

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

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

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

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

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

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