Web速查-索引

border-left

定义

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>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>

    <style type="text/css">

        p

        {

            border-style:solid;

            border-left:thick double green;

        }

    </style>

</head>

<body>

   <p>NTHOME: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci animi aperiam consectetur enim, error esse ex illo iste iusto obcaecati odit omnis provident quaerat quisquam repellat similique veritatis voluptas.</p>

</body>

</html>

NTHOME: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci animi aperiam consectetur enim, error esse ex illo iste iusto obcaecati odit omnis provident quaerat quisquam repellat similique veritatis voluptas.

浏览器支持

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

Safari Chrome FireFox IE
6.0 3.0 4.0 9.0