border-style屬性設(shè)定一個元素的四個邊框的樣式。此屬性可以有一到四個值。

範(fàn)例：

border-style:dotted solid double dashed;

?●??上邊框是點狀

?●??右框是實線

?●??下邊框是雙線

?●??左邊框框是虛線

border-style:dotted solid double;

?●上方邊框是點狀

?●??右邊框框與左邊框是實線

?●??下邊框是雙線

border-style:dotted solid;

?●??上邊框和下邊框是點狀

?●??右邊方塊和左邊框是實線

border-style:dotted;

# ●??所有4個邊框都是點狀

可以設(shè)定的屬性值：

none：定義無邊框。? ?

hidden：與 "none" 相同。不過應(yīng)用於表時除外，對於表，hidden 用於解決邊框衝突。? ?

dotted：定義點狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實線。

dashed：定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實線。

solid：定義實線。

double：定義雙線。雙線的寬度等於 border-width 的值。

groove：定義 3D 凹槽邊框。其效果取決於 border-color 的值。

ridge：定義 3D 壟狀邊框。其效果取決於 border-color 的值。

inset：定義 3D inset 邊框。其效果取決於 border-color 的值。

outset：定義 3D outset 邊框。其效果取決於 border-color 的值。

inherit：規(guī)定應(yīng)該從父元素繼承邊框樣式。