邊框的寬度
您可以通過border-width屬性為邊框指定寬度。
為邊框指定寬度有兩種方法：可以指定長度值，比如2px或0.1em；或者使用3個關鍵字之一，它們分別是thin、medium（默認值）和thick。
注釋：CSS沒有定義3個關鍵字的具體寬度，所以一個用戶代理可能把thin、medium和thick分別設置為等於5px、3px和2px，而另一個用戶代理則分別設置為3px、2px和1px。
所以，我們可以這樣設置邊框的寬度：
- p{border-style:solid;border-width:5px;}
或者：
- p{border-style:solid;border-width:thick;}
定義單邊寬度
您可以按照top-right-bottom-left的順序設置元素的各邊邊框：
- p{border-style:solid;border-width:15px5px15px5px;}
上面的例子也可以簡寫為（這樣寫法稱為值復制）：
p{border-style:solid;border-width:15px5px;}您也可以通過下列屬性分別設置邊框各邊的寬度：
- border-top-width
- border-right-width
- border-bottom-width
- border-left-width
因此，下面的規則與上面的例子是等價的：
- p{
- border-style:solid;
- border-top-width:15px;
- border-right-width:5px;
- border-bottom-width:15px;
- border-left-width:5px;
- }
沒有邊框
在前面的例子中，您已經看到，如果希望顯示某種邊框，就必須設置邊框樣式，比如solid或outset。
那麼如果把border-style設置為none會出現什麼情況：
p{border-style:none;border-width:50px;}盡管邊框的寬度是50px，但是邊框樣式設置為none。在這種情況下，不僅邊框的樣式沒有了，其寬度也會變成0。邊框消失了，為什麼呢？
這是因為如果邊框樣式為none，即邊框根本不存在，那麼邊框就不可能有寬度，因此邊框寬度自動設置為0，而不論您原先定義的是什麼？
記住這一點非常重要。事實上，忘記聲明邊框樣式是一個常犯的錯誤。根據以下規則，所有h1元素都不會有任何邊框，更不用說20像素寬了：
h1{border-width:20px;}由於border-style的默認值是none，如果沒有聲明樣式，就相當於border-style:none。因此，如果您希望邊框出現，就必須聲明一個邊框樣式。