border-width · CSS基礎

## border-width 屬性 ## 屬性定義及使用說明 border-width屬性設置一個元素的四個邊框的寬度。此屬性可以有一到四個值。實例: **border-width:thin medium thick 10px;** * 上邊框是細邊框 * 右邊框是中等邊框 * 下邊框是粗邊框 * 左邊框是 10px 寬的邊框 **border-width:thin medium thick;** * 上邊框是細邊框 * 右邊框和左邊框是中等邊框 * 下邊框是粗邊框 **border-width:thin medium;** * 上邊框和下邊框是細邊框 * 右邊框和左邊框是中等邊框 **border-width:thin;** * 所有4個邊框都是細邊框 JavaScript 語法：object.style.borderWidth="thin thick" * * * ## 屬性值 | 值 | 描述 | | --- | --- | | thin | 定義細的邊框。 | | medium | 默認。定義中等的邊框。 | | thick | 定義粗的邊框。 | | *length* | 允許您自定義邊框的寬度。 | | inherit | 規定應該從父元素繼承邊框寬度。 | * * * ## 實例--設置四個邊框的寬度： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:medium; } p.three { border-style:solid; border-width:1px; } </style> </head> <body> Some text. Some text. Some text. 注意: "border-width" 屬性如果單獨使用則不起作用. 要先使用 "border-style" 屬性來設置 borders . </body> </html> ```