Style borderRightStyle attribute

Paglilinaw at paggamit

borderRightStyle Mga setting ng attribute o pagbubunga ng estilo ng kanang border ng elemento.

Mga ibang sanggunian:

CSS Tutorial:CSS 边框

CSS Reference Manual:border-right-style 属性

HTML DOM Reference Manual:border 属性

Eskwelahan

Halimbawa 1

Magdagdag ng 'solid' na kanang border sa <div> element:

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 groove 边框。效果取决于 border-color 的值。
ridge 定义 3D ridge 边框。效果取决于 border-color 的值。
inset 定义 3D inset 边框。效果取决于 border-color 的值。
outset 定义 3D outset 边框。效果取决于 border-color 的值。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 无
返回值： 字符串，表示元素的右侧边框样式。
CSS Version： CSS1

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持