Свойство border-right-style CSS
- Предыдущая страница цвет правого края рамки
- Следующая страница border-right-width
Определение и использование
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 |
- Предыдущая страница цвет правого края рамки
- Следующая страница border-right-width