border-style -- 定義邊框的樣式
取值:<border-style>{1,4} | inherit
<border-style>{1,4}: 邊框樣式
inherit: 繼承
初始值: none
繼承性: 否
適用於: 所有元素
border:邊框,style:樣式
border-style和border-width的賦值方式是一樣的,可以分別賦1,2,3或4個邊的樣式.
border-style的取值
none: 無樣式
hidden: 除了同表格的邊框發生沖突的時候,其它同none
dotted: 點劃線
dashed: 虛線
solid: 實線
double: 雙線,兩條線加上中間的空白等於border-width的取值
groove: 槽狀
ridge: 脊狀,和groove相反
inset: 凹陷
outset:凸出,和inset相反
網頁教學網提示: 由於border-style的初始值為none,所以除非設置了邊框樣式,否則邊框將無法看見.
示例
p#fourborders
{
border-style:dotted dashed solid double;
}
如果定義四個值,那麼這四個值就分別是上,右,下,左邊框(從上邊框開始,以順時針的順序遍歷).定義夢之都段落的上邊框為點劃線,右邊框為虛線,下邊框為實線,左邊框為雙線.
p#threeborders
{
border-style:groove ridge outset;
}
如果只定義三個值,中間的值代表左和右邊框.定義夢之都段落的上邊框為槽狀,下邊框為凸出,左,右邊框為脊狀.
p#twoborders
{
border-style:none dashed;
}
如果只定義兩個值,前面的值代表上下邊框,後面的值代表左右邊框.定義夢之都段落的上,下邊框為無樣式,左,右邊框為虛線.
p#oneborders
{
border-style:dotted;
}
如果只定義一個值,這個值就代表四個邊的.定義夢之都段落的邊框為點劃線.