border-left 简写属性把左框线的所有属性设定到一个声明中。可以按顺序设定如下属性：border-left-width、border-left-style、border-left-color。
所有浏览器都支持 border-left 属性。
基本介绍
- 中文名：CSS border-left
- 外文名：CSS 左框线
- 所属语言：CSS
定义和用法
border-left 简写属性把左框线的所有属性设定到一个声明中。
可以按顺序设定如下属性：
- border-left-width
- border-left-style
- border-left-color
如果不设定其中的某个值，也不会出问题，比如 border-left:solid #ff0000; 也是允许的。
| 默认值： | not specified |
|---|---|
| 继承性： | no |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.borderLeft="3px solid blue" |
设定左框线的样式：
p { border-style:solid;border-left:thick double #ff0000;}
浏览器支持
所有主流浏览器都支持 border-color 属性。
可能的值
| 值 | 描述 |
|---|---|
border-left-width | 规定左框线的宽度。参阅：border-left-width 中可能的值。 |
border-left-style | 规定左框线的样式。参阅：border-left-style 中可能的值。 |
border-left-color | 规定左框线的颜色。参阅：border-left-color 中可能的值。 |
inherit | 规定应该从父元素继承 border-left 属性的设定。 |
TIY 实例
所有左框线属性在一个声明之中
<html>
<head>
<style type="text/css">
p
{
border-style:solid;
border-left:thick double #ff0000;
}
</style>
</head>
<body>
<p>This is some text in a paragraph.</p>
</body>
</html>