border-style

實例

設(shè)置四個邊框的樣式：

p { border-style:solid; }

運行代碼 ?

本頁底部可以查看更多實例。

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

實例:

border-style:dotted solid double dashed;

border-style:dotted solid double;

border-style:dotted solid;

border-style:dotted;

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

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

屬性
border-style	1.0	4.0	1.0	1.0	3.5

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

每邊設(shè)置不同的邊框
本例演示如何在元素的各邊設(shè)置不同的邊框。