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>鱼C-零基础入门学习Web(Html5+Css3)</title>
<style type="text/css">
p
{
border-style:solid;
border-left:thick double green;
}
</style>
</head>
<body>
<p>鱼C: 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>
鱼C: 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 |