左边框宽度 | border-left-width
border-left-width CSS属性设置一个框的左边框的宽度。
/* Keyword values */
border-left-width: thin;
border-left-width: medium;
border-left-width: thick;
/* <length> values */
border-left-width: 10em;
border-left-width: 3vmax;
border-left-width: 6px;
/* Global keywords */
border-left-width: inherit;
border-left-width: initial;
border-left-width: unset;初始值 | medium |
|---|---|
适用元素 | all elements. It also applies to ::first-letter. |
是否是继承属性 | no |
适用媒体 | visual |
计算值 | the absolute length or 0 if border-left-style is none or hidden |
Animation type | a length |
正规顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
值
<br-width>定义边界的宽度，可以是明确的非负值<length>或关键字。如果是关键字，则必须是以下值之一：
thin | ? | A thin border |
|---|---|---|
medium | ? | A medium border |
thick | ? | A thick border |
注意：由于规范没有定义每个关键字所表示的精确厚度，因此使用其中一个关键字的精确结果是特定于实现的。尽管如此，它们总是遵循这个模式thin ≤ medium ≤ thick，价值在一个单一的文件中是不变的。
正式语法
<br-width>where
<br-width> = <length> | thin | medium | thick示例
HTML
<div>Element 1</div>
<div>Element 2</div>CSS
div {
border: 1px solid red;
margin: 1em 0;
}
div:nth-child(1) {
border-left-width: thick;
}
div:nth-child(2) {
border-left-width: 2em;
}结果
规范
Specification | Status | Comment |
|---|---|---|
CSS Backgrounds and Borders Module Level 3The definition of 'border-left-width' in that specification. | Candidate Recommendation | No significant change. |
CSS Level 2 (Revision 1)The definition of 'border-left-width' in that specification. | Recommendation | No significant change. |
CSS Level 1The definition of 'border-left-width' in that specification. | Recommendation | Initial definition. |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.0) | 4.0 | 3.5 | 1.0 (85) |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | 2.3 | (Yes) | 1.0 (1.0) | 6.0 | 11 | 1.0 |
另见
- 其他的border-width相关的CSS属性：
border-bottom-width，border-right-width，border-top-width，和border-width。
- 另外左边框相关的CSS属性：
border，border-left，border-left-style，和border-left-color。
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
