CSS border-style 屬性

實(shí)例

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

p { border-style:solid; }

運(yùn)行代碼 ?

本頁底部可以查看更多實(shí)例。

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

實(shí)例:

border-style:dotted solid double dashed;

border-style:dotted solid double;

border-style:dotted solid;

border-style:dotted;

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

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

屬性
border-style	1.0	4.0	1.0	1.0	3.5

值	描述
none	定義無邊框。
hidden	與 "none" 相同。不過應(yīng)用于表時(shí)除外，對(duì)于表，hidden 用于解決邊框沖突。
dotted	定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。
dashed	定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。
solid	定義實(shí)線。
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è)置不同的邊框。