border-width · 跟老司機學CSS3

**border-width** * 描述：設置對象邊框的寬度。 * 版本：CSS1 * 繼承性：無 **語法** ``` border-width: 線寬; ``` 線寬 * 數值：使用數值來設置邊框的寬度，如：10px。 * thin：關鍵詞，設置默認細邊框。 * medium：關鍵詞，設置默認中等邊框 * thick：關鍵詞，設置默認粗邊框 **使用說明** 使用數值設置邊框寬度時不允許使用負值。提供四個參數值，將按上、右、下、左的順序作用于四邊。提供三個參數值，第一個用于上，第二個用于左、右，第三個用于下。提供兩個參數值，第一個用于上、下，第二個用于左、右。如果只提供一個，將用于全部的四邊。如果 border-style 設置為 none 或 hidden，border-width 的使用值將為 0。 **代碼示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-width</title> <style> #container{ width: 50px; height: 50px; border: solid #000000; border-width: 2px 4px 6px 8px; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-width](https://box.kancloud.cn/b7ff7e30dca53504ebc4d7dd8ec4b716_83x85.png)