Alt text

定义

border-left 属性把左边框的所有属性设置到一个声明中。

注意： 可以按顺序设置如下属性： border-left-width, border-left-style, and border-left-color.
如果不设置其中的某个值，也不会出问题，比如 border-left:solid #ff0000; 也是允许的。

语法

border-left:border-left-width|border-left-style|border-left-color|inherit

属性值

值	说明
border-left-width	规定左边框的宽度。参阅：border-left-width 中可能的值。
border-left-style	规定左边框的样式。参阅：border-left-style 中可能的值。
border-left-color	规定左边框的颜色。参阅：border-left-color 中可能的值。
inherit	规定应该从父元素继承 border-left 属性的设置。

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>零基础入门学习前端</title>
    <style type="text/css">
        p
        {
            border-style:solid;
            border-left:thick double green;
        }
    </style>
</head>
<body>
   <p>人之初，性本善。性相近，习相远。
苟不教，性乃迁。教之道，贵以专。
昔孟母，择邻处。子不学，断机杼。
窦燕山，有义方。教五子，名俱扬。
养不教，父之过。教不严，师之惰。</p>
</body>
</html>

人之初，性本善。性相近，习相远。苟不教，性乃迁。教之道，贵以专。昔孟母，择邻处。子不学，断机杼。窦燕山，有义方。教五子，名俱扬。养不教，父之过。教不严，师之惰。

浏览器支持

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

Safari	Chrome	FireFox	IE
6.0	3.0	4.0	9.0