border-left-width

CSS 的 border-left-width 属性用来设置盒子的左边框的宽度。

示例

/* 关键字数值  */
border-left-width: thin;
border-left-width: medium;
border-left-width: thick;

/* 长度数值 */
border-left-width: 10em;
border-left-width: 3vmax;
border-left-width: 6px;

/* 全局关键字 */
border-left-width: inherit;
border-left-width: initial;
border-left-width: unset;

浏览器支持

浏览器都支持 border-left-width

语法

border-left-width : <length> | thin | medium | thick

取值

• <length> ：用长度值来定义边框的宽度。不允许负值。参见 <length> 。
• thin ：定义比默认宽度细的边框。计算值为 1px。
• medium ：定义默认宽度的边框。计算值为 3px。
• thick ：定义比默认宽度粗的边框。计算值为 5px。

实例

div { 
  border: 1px solid red;
  margin: 1em 0;
}

div:nth-child(1) {
  border-left-width: thick;
}
div:nth-child(2) {
  border-left-width: 2em;
}

<div>Element 1</div>
<div>Element 2</div>