• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持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>
    

    上篇:border-left

    下篇:border-left-style