html样式中左侧实线居中,border-left-style

border-left-style

border-left-style CSS 属性，设置左边框线样式。

示例/* Keyword values */

border-left-style: none;

border-left-style: hidden;

border-left-style: dotted;

border-left-style: dashed;

border-left-style: solid;

border-left-style: double;

border-left-style: groove;

border-left-style: ridge;

border-left-style: inset;

border-left-style: outset;

/* Global values */

border-left-style: inherit;

border-left-style: initial;

border-left-style: unset;

浏览器支持

浏览器都支持border-left-style

语法border-left-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset如果border-width等于0，本属性将失去作用。

对应的脚本特性为borderLeftStyle。

取值：hidden：隐藏边框。

dotted：点状轮廓。

dashed：虚线轮廓。

solid：实线轮廓

double：双线轮廓。两条单线与其间隔的和等于指定的

groove：3D凹槽轮廓。

ridge：3D凸槽轮廓。

inset：3D凹边轮廓。

outset：3D凸边轮廓。默认值none

适用于所有元素

继承性无

动画性否

计算值指定值

例子/* Define look of the table */

table {

border-width: 2px;

background-color: #52E385;

}

tr, td {

padding: 3px;

}

/* border-left-style example classes */

.b1 {border-left-style: none;}

.b2 {border-left-style: hidden;}

.b3 {border-left-style: dotted;}

.b4 {border-left-style: dashed;}

.b5 {border-left-style: solid;}

.b6 {border-left-style: double;}

.b7 {border-left-style: groove;}

.b8 {border-left-style: ridge;}

.b9 {border-left-style: inset;}

.b10 {border-left-style: outset;}

none	hidden	dotted	dashed
solid	double	groove	ridge
inset	outset