Свойство borderRightStyle
Пример style.borderRightStyle
Добавьте "сплошную" правую границу к элементу <div>:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Попробуйте сами »
Описание borderRightStyle
Свойство borderRightStyle задает или возвращает стиль правой границы элемента.
Поддержка borderRightStyle
| Свойство | |||||
|---|---|---|---|---|---|
| borderRightStyle | Да | Да | Да | Да | Да |
Синтаксис borderRightStyle
Вернуть свойство borderRightStyle:
object.style.borderRightStyle
Установите свойство borderRightStyle:
object.style.borderRightStyle = value
Значение свойства borderRightStyle
| Значение | Описание |
|---|---|
| none | Не определяет границу. Это значение по умолчанию |
| hidden | То же, что и "none", за исключением разрешения конфликта границ для элементов таблицы. |
| dotted | Определяет пунктирную границу |
| dashed | Определяет пунктирную границу |
| solid | Определяет сплошную границу |
| double | Определяет две границы. Ширина обеих границ совпадает со значением border-width |
| groove | Определяет 3D рифленую границу. Эффект зависит от значения border-color |
| ridge | Определяет 3D ребристую границу. Эффект зависит от значения border-color |
| inset | Определяет 3D врезку границы. Эффект зависит от значения border-color |
| outset | Определяет 3D границу начала. Эффект зависит от значения border-color |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderRightStyle
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая стиль правой границы элемента |
| CSS Версия | CSS1 |
Ещё примеры borderRightStyle
Измените стиль правой границы элемента <div> на "пунктирный":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Попробуйте сами »
Вернуть свойство правого стиля границы элемента <div>:
alert(document.getElementById("myDiv").style.borderRightStyle);
Попробуйте сами »
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;
Попробуйте сами »
Связанные страницы borderRightStyle
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-right-style
HTML DOM Справочник: Свойство border