border-left 簡寫屬性把左框線的所有屬性設定到一個聲明中。可以按順序設定如下屬性：border-left-width、border-left-style、border-left-color。
所有瀏覽器都支持 border-left 屬性。
基本介紹
- 中文名：CSS border-left
- 外文名：CSS 左框線
- 所屬語言：CSS
定義和用法,瀏覽器支持,可能的值,TIY 實例,
定義和用法
border-left 簡寫屬性把左框線的所有屬性設定到一個聲明中。
可以按順序設定如下屬性：
- border-left-width
- border-left-style
- border-left-color
如果不設定其中的某個值，也不會出問題，比如 border-left:solid #ff0000; 也是允許的。
| 默認值： | not specified |
|---|---|
| 繼承性： | no |
| 版本： | |
| 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>
