CSS - border-left-style 属性

设置元素左边框的样式。

可能的值

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

适用于

所有 HTML 元素。

DOM 语法


object.style.borderLeftStyle="dashed"

例

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


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

打印本页