border-style -- 定義邊框的樣式
取值:<border-style>{1,4} | inherit
<border-style>{1,4}: 邊框樣式
inherit: 繼承
初始值: none
繼承性: 否
適用于: 所有元素
border:邊框,style:樣式
border-style和border-width的賦值方式是一樣的,可以分別賦1,2,3或4個(gè)邊的樣式.

border-style的取值
none: 無(wú)樣式
hidden: 除了同表格的邊框發(fā)生沖突的時(shí)候,其它同none
dotted: 點(diǎn)劃線
dashed: 虛線
solid: 實(shí)線
double: 雙線,兩條線加上中間的空白等于border-width的取值
groove: 槽狀
ridge: 脊?fàn)?和groove相反
inset: 凹陷
outset:凸出,和inset相反
網(wǎng)頁(yè)設(shè)計(jì)提示: 由于border-style的初始值為none,所以除非設(shè)置了邊框樣式,否則邊框?qū)o(wú)法看見(jiàn).

示例
p#fourborders
{
 border-style:dotted dashed solid double;
}
如果定義四個(gè)值,那么這四個(gè)值就分別是上,右,下,左邊框(從上邊框開(kāi)始,以順時(shí)針的順序遍歷).定義夢(mèng)之都段落的上邊框?yàn)辄c(diǎn)劃線,右邊框?yàn)樘摼€,下邊框?yàn)閷?shí)線,左邊框?yàn)殡p線.

p#threeborders
{
 border-style:groove ridge outset;
}
如果只定義三個(gè)值,中間的值代表左和右邊框.定義夢(mèng)之都段落的上邊框?yàn)椴蹱?下邊框?yàn)橥钩?左,右邊框?yàn)榧範(fàn)?

p#twoborders
{
 border-style:none dashed;
}
如果只定義兩個(gè)值,前面的值代表上下邊框,后面的值代表左右邊框.定義夢(mèng)之都段落的上,下邊框?yàn)闊o(wú)樣式,左,右邊框?yàn)樘摼€.

p#oneborders
{
 border-style:dotted;
}
如果只定義一個(gè)值,這個(gè)值就代表四個(gè)邊的.定義夢(mèng)之都段落的邊框?yàn)辄c(diǎn)劃線.