CSS - border-right-style 属性



设置元素右边框的样式。

可能的值

  • 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>