CSS - border-left 属性_CSS 菜鸟教程

设置元素的左边框;value 是颜色的一种或多种，一个 border-left-width 的值和一个 border-style 的值。

可能的值

可能的值为：

一种颜色的一种或多种 border-left-color
border-width、border-left-width 的值
border-style border-left-style 的值

适用于

所有 HTML 元素。

DOM 语法

object.style.borderLeft = "2px solid red";

例

border-left 属性允许您在一个属性中指定左线的颜色、样式和宽度。以下示例演示了这一点：

<html>
<head>
	 	<style>
	 	 	 p.example1{
	 	 	 	 	height:50px;
	 	 	 	 	border-left: blue 15px solid ;
	 	 	 	 	}
	 	 	 p.example2{
	 	 	 	 height:50px;
	 	 	 	 border-left: red 15px dashed;
	 	 	 	 }
	 	 	 p.example3{
	 	 	 	 	height:50px;
	 	 	 	 	border-left: green 15px groove;
	 	 	 	 	}
	 	</style>
</head>
<body>
	 	 	 <p class="example1">Check the left border!!!</p>
	 	 	 <p class="example2">Check the left border!!!</p>
	 	 	 <p class="example3">Check the left border!!!</p>
</body>
</html>

<< CSS - border-inline-width 属性 CSS - border-left-color 属性 >>