CSS

border-left-style

border-left-style CSS属性设置元素的左的线条样式border

/* 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-style属性中选择的单个关键字。

形式语法

<br-style>where <br-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

实例

HTML

<table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </table>

CSS

/* 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;}

结果

规范

SpecificationStatusComment
CSS Backgrounds and Borders Module Level 3The definition of 'border-left-style' in that specification.Candidate RecommendationNo significant change.
CSS Level 2 (Revision 1)The definition of 'border-left-style' in that specification.RecommendationInitial definition.

浏览器兼容性

FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0(Yes)1.015.59.21.0

FeatureAndroidChrome for AndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support2.3(Yes)(Yes)1417.0(Yes)(Yes)