华南俳烁实业有限公司

邊框的樣式

樣式是邊框最重要的一個方面，這不是因為樣式控制著邊框的顯示（當然，樣式確實控制著邊框的顯示），而是因為如果沒有樣式，將根本沒有邊框。

CSS 的 border-style 屬性定義了 10 個不同的非 inherit 樣式，包括 none。

例如，您可以為把一幅圖片的邊框定義為 outset，使之看上去像是“凸起按鈕”：

a:link img {border-style: outset;}

定義多種樣式

您可以為一個邊框定義多個樣式，例如：

p.aside {border-style: solid dotted dashed double;}

上面這條規(guī)則為類名為 aside 的段落定義了四種邊框樣式：實線上邊框、點線右邊框、虛線下邊框和一個雙線左邊框。

我們又看到了這里的值采用了 top-right-bottom-left 的順序，討論用多個值設(shè)置不同內(nèi)邊距時也見過這個順序。

定義單邊樣式

如果您希望為元素框的某一個邊設(shè)置邊框樣式，而不是設(shè)置所有 4 個邊的邊框樣式，可以使用下面的單邊邊框樣式屬性：

• border-top-style
• border-right-style
• border-bottom-style
• border-left-style

因此這兩種方法是等價的：

p {border-style: solid solid solid none;}
p {border-style: solid; border-left-style: none;}

注意：如果要使用第二種方法，必須把單邊屬性放在簡寫屬性之后。因為如果把單邊屬性放在 border-style 之前，簡寫屬性的值就會覆蓋單邊值 none。