Свойство Style borderRightStyle
- Предыдущая страница borderRightColor
- Следующая страница borderRightWidth
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
borderRightStyle
Установить или вернуть стиль рамки правой стороны элемента.
См. также:
Урок CSS:CSS рамка
Руководство CSS:Свойство border-right-style
Руководство HTML DOM:Свойство border
Пример
Пример 1
Добавить к элементу <div> рамку с правой стороны:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Пример 2
Измените стиль правого края элемента <div> на "dotted":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Пример 3
Верните стиль правого края элемента <div>:
alert(document.getElementById("myDiv").style.borderRightStyle);
Пример 4
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderRightStyle = listValue;
Грамматика
Верните свойство borderRightStyle:
object.style.borderRightStyle
Установите свойство borderRightStyle:
object.style.borderRightStyle = value
Значение | Описание |
---|---|
none | Определяет рамку без рамки. По умолчанию. |
hidden | Как и "none", но кроме этого в решении конфликта рамок таблицы. |
dotted | Определяет точечную рамку. |
dashed | Определяет пунктирную рамку. |
solid | Определяет сплошную рамку. |
double | Определяет две рамки. Ширина обеих рамок равна значению border-width. |
groove | Определяет 3D впадину рамки. Эффект зависит от border-color значений. |
ridge | Определяет 3D гребень рамки. Эффект зависит от border-color значений. |
inset | Определяет 3D inset рамку. Эффект зависит от border-color значений. |
outset | Определяет 3D outset рамку. Эффект зависит от border-color значений. |
initial | Set this property to its default value. См. initial. |
inherit | Инherit this property from its parent element. См. inherit. |
Технические детали
Значение по умолчанию: | Нет |
---|---|
Возвратное значение: | Строка, представляющая стиль правого края элемента. |
Версия CSS: | CSS1 |
Поддержка браузеров
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница borderRightColor
- Следующая страница borderRightWidth
- Вернуться на один уровень выше Объект Style HTML DOM