CSS | border-right-style 属性

CSS | border-right-style 属性用于设置元素右边框（Right border）的样式。它可以被用于所有元素，且是可继承的。

语法如下所示：

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

值

• none - 默认值，无边框
• hidden - 隐藏边框
• dotted - 点线边框
• dashed - 虚线边框
• solid - 实线边框
• double - 双线边框
• groove - 3D凹槽边框
• ridge - 3D垄状边框
• inset - 3D凹边框
• outset - 3D凸边框
• initial - 设置为默认值
• inherit - 继承父元素的值

实例

p {
  border-right-style: solid;
}

以上样式将设置段落元素的右边框为实线边框。

div {
  border-right-style: dashed;
}

以上样式将设置 div 元素的右边框为虚线边框。

h1 {
  border-right-style: groove;
}

以上样式将设置 h1 元素的右边框为3D凹槽边框。

兼容性

CSS | border-right-style 属性在所有现代浏览器中均可使用，包括 IE7 及以上版本。