border-style 屬性

 

border-style 屬性用於設置元素全部邊框的樣式，或者單獨地爲各邊設置邊框樣式。

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

例子 1

border-style:dotted solid double dashed;

• 上邊框是點狀
• 右邊框是實線
• 下邊框是雙線
• 左邊框是虛線

例子 2

border-style:dotted solid double;

• 上邊框是點狀
• 右邊框和左邊框是實線
• 下邊框是雙線

例子 3

border-style:dotted solid;

• 上邊框和下邊框是點狀
• 右邊框和左邊框是實線

例子 4

border-style:dotted;

• 全部 4 個邊框都是點狀

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

可能的值

值	描述
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	規定應該從父元素繼承邊框樣式。

描述

最不可預測的邊框樣式是 double。它定義爲兩條線的寬度再加上這兩條線之間的空間等於 border-width 值。不過，CSS 規範並無說其中一條線是否比另外一條粗或者兩條線是否應該是同樣的粗，也沒有指出線之間的空間是否應當比線粗。全部這些都有用戶代理決定，創做人員對這個決定沒有任何影響。

 

 

 

****************************************************************************************【來自我另外一博文】