Style borderRightStyle 属性

定义和用法

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将此属性设置为其默认值。请参阅 initial
inherit从其父元素继承此属性。请参阅 inherit

技术细节

默认值:
返回值:字符串,表示元素右边框的样式。
CSS 版本:CSS1

浏览器支持

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持支持支持支持支持