CSS - border-right-style 属性_CSS 菜鸟教程

设置元素右边框的样式。

可能的值

none − 无边界。（相当于边框宽度：0;
solid − 边框是一条实线。
dotted - 边框是一系列点。
dashed - 边框是一系列短线。
double − 边框是两条实线。
groove - 边框看起来就像是雕刻在页面上的。
ridge - 边框看起来与凹槽相反。
inset - 边框使框看起来像嵌入在页面中。
outset − 边框使框看起来像是从画布中出来的。
hidden - 与无相同，但在解决表元素的边界冲突方面除外。

适用于

所有 HTML 元素。

DOM 语法

object.style.borderrightStyle="dashed"

例

以下示例演示了 border-right-style 属性 -

<html>
	 	<head>
	 	 	 <style>
	 	 	 	 h2{
	 	 	 	 	 	 border-style: groove;
	 	 	 	 	 	 border-right-style: double ;
	 	 	 	 }
	 	 	 	 p {
	 	 	 	 	 	border-style: solid;
	 	 	 	 	 	border-right-style: ridge;
	 	 	 	 }
	 	 	 </style>
	 	</head>
	 	<body>
	 	 	 	 <h2>right border is double</h2>
	 	 	 	 <p>right border is ridge</p>
	 	</body>
</html>

<< CSS - border-right-color 属性 CSS - border-right-width 属性 >>