CSS border-left-style 屬性

定義和用法

border-left-style 設置元素左邊框的樣式。

只有當這個值不是 none 時邊框才可能出現。

在 CSS1 中，HTML 用戶代理只需支持 solid 和 none。

另請參閱：

CSS 教程：CSS 邊框

CSS 參考手冊：border-left 屬性

HTML DOM 參考手冊：borderLeftStyle 屬性

實例

設置左邊框的樣式：

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

親自試一試

CSS 語法

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

屬性值

值 描述
none 定義無邊框。
hidden 與 "none" 相同。不過應用于表時除外，對于表，hidden 用于解決邊框沖突。
dotted 定義點狀邊框。在大多數瀏覽器中呈現為實線。
dashed 定義虛線。在大多數瀏覽器中呈現為實線。
solid 定義實線。
double 定義雙線。雙線的寬度等于 border-width 的值。
groove 定義 3D 凹槽邊框。其效果取決于 border-color 的值。
ridge 定義 3D 壟狀邊框。其效果取決于 border-color 的值。
inset 定義 3D inset 邊框。其效果取決于 border-color 的值。
outset 定義 3D outset 邊框。其效果取決于 border-color 的值。
inherit 規定應該從父元素繼承邊框樣式。

技術細節

默認值： not specified
繼承性： no
版本： CSS1
JavaScript 語法： object.style.borderLeftStyle="dotted"

更多實例

設置左邊框的樣式
本例演示如何設置左邊框的樣式。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2