border-left-width

定义

border-left-width 属性设置元素的左边框的宽度。

注意： 只有当边框样式不是 none 时才起作用。如果边框样式是 none，边框宽度实际上会重置为 0。不允许指定负长度值。

语法

border-left-width：medium|thin|thick|length|inherit;

属性值

值	说明
medium	默认值。定义中等的左边框。
thin	定义细的左边框。
thick	定义粗的左边框。
length	允许自定义左边框的宽度。
inherit	规定应该从父元素继承边框宽度。

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <style type="text/css">
        .one
        {
            border-style: solid;
            border-left-width: 15px
        }
        .two
        {
            border-style: solid;
            border-left-width: thin;
        }
    </style>
</head>
<body>
   <p class="one"><b>注释：</b>"border-left-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p>
   <p class="two">NTHOME：Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis commodi deserunt eligendi esse excepturi hic illo, illum ipsa ipsam nam provident quas quo reprehenderit suscipit voluptatibus! Incidunt, ipsa provident! Dicta.</p>
</body>
</html>

注释："border-left-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。

NTHOME：Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis commodi deserunt eligendi esse excepturi hic illo, illum ipsa ipsam nam provident quas quo reprehenderit suscipit voluptatibus! Incidunt, ipsa provident! Dicta.

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
6.0	3.0	4.0	9.0