border-style

border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

參數：

none : 　無邊框。與任何指定的border-width值無關

hidden : 　隐藏邊框。IE不支援

dotted : 　在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為點線。否則為實線

dashed : 　在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為虛線。否則為實線

solid : 　實線邊框

double : 　雙線邊框。兩條單線與其間隔的和等于指定的border-width值

groove : 　根據border-color的值畫3D凹槽

ridge : 　根據border-color的值畫菱形邊框

inset : 　根據border-color的值畫3D凹邊

outset : 　根據border-color的值畫3D凸邊

說明：

如果提供全部四個參數值，将按上－右－下－左的順序作用于四個邊框。

如果隻提供一個，将用于全部的四條邊。

如果提供兩個，第一個用于上－下，第二個用于左－右。

如果提供三個，第一個用于上，第二個用于左－右，第三個用于下。

要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。

如果border-width不大于0，本屬性将失去作用。

對應的腳本特性為borderStyle。請參閱我編寫的其他書目。

示例：

body { border-style: double groove; }

body { border-style: double groove dashed; }

none hidden dotted dashed 

solid double groove 

ridge inset outset 

作者：不老神仙

本文版權歸作者，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。