下面我們來看所有邊框?qū)傩灾凶詈喍痰暮唽憣傩裕篵order.

值：border

[<border-width> || <border-style>||<border-color>] | inherit

初始值：根據(jù)單個屬性

應(yīng)用于：所有元素

繼承性：無

計算值：根據(jù)指定確定

這個屬性有一個好處，它相當(dāng)簡潔，雖然這種簡潔性也帶來一些限制。在討論這些限制之前，先來看border如何工作。如果網(wǎng)站建設(shè)人員希望所有hi元素都有一個粗的銀色邊框，這很簡單。以下聲明的結(jié)果如圖8-34所示：

h1{border:thick silver solid;}

這些值會應(yīng)用到所有4個邊。盡管以下做法也不錯，不過上面的聲明更可?。?/p>

h1{border-top:thick silver solid:

border-bottom:thick silver solid;

border-right:thick silver solid;

border-left:thick silver solid;}/*same as previous example*/

使用border的缺點在于，只能定義“全局”的樣式。寬度和顏色。換句話說，為border提供的值將完全相等地應(yīng)用到所有4個邊。如果網(wǎng)站建設(shè)人員希望一個元素有不同的邊框，則需要使用另外的某個邊框?qū)傩浴．?dāng)然，可以充分利用層疊：

H1{border:thick silver solid;

border-left-width:20px;}

第二個規(guī)則會覆蓋第一個規(guī)則為左邊框設(shè)置的width值，將寬度替換為20px，如圖8-35所示

與以往一樣，要簡寫屬性仍要特別當(dāng)心：如果少了一個值，就會自動地填入默認(rèn)值，這可能會讓網(wǎng)頁設(shè)計有意想不到的后果?？紤]以下情況：

h4{border-style:dashed solid double;}

h4{border:medium green;}

在此，第二個規(guī)則中沒有指定border-style，這意味著網(wǎng)站建設(shè)系統(tǒng)會使用默認(rèn)值none，這樣一來，所有h4元素都不會有任何邊框。