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 規范并沒有說其中一條線是否比另一條粗或者兩條線是否應該是一樣的粗，
也沒有指出線之間的空間是否應當比線粗。所有這些都有用戶代理決定，創作人員對這個決定沒有任何影響。