CSS border-width 屬性 · W3School CSS 參考手冊

# CSS border-width 屬性 ## 實例設置四個邊框的寬度： ``` p { border-style:solid; border-width:15px; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 border-width 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 border-width 簡寫屬性為元素的所有邊框設置寬度，或者單獨地為各邊邊框設置寬度。只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none，邊框寬度實際上會重置為 0。不允許指定負長度值。 #### 例子 1 ``` border-width:thin medium thick 10px; ``` * 上邊框是細邊框 * 右邊框是中等邊框 * 下邊框是粗邊框 * 左邊框是 10px 寬的邊框 #### 例子 2 ``` border-width:thin medium thick; ``` * 上邊框是 10px * 右邊框和左邊框是中等邊框 * 下邊框是粗邊框 #### 例子 3 ``` border-width:thin medium; ``` * 上邊框和下邊框是細邊框 * 右邊框和左邊框是中等邊框 #### 例子 4 ``` border-width:thin; ``` * 所有 4 個邊框都是細邊框 | 默認值： | medium | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.borderWidth="thin thick" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | thin | 定義細的邊框。 | | medium | 默認。定義中等的邊框。 | | thick | 定義粗的邊框。 | | _length_ | 允許您自定義邊框的寬度。 | | inherit | 規定應該從父元素繼承邊框寬度。 | ## TIY 實例 [所有邊框寬度屬性在一個聲明之中](/tiy/t.asp?f=csse_border-width) 本例演示用簡寫屬性來將所有邊框寬度屬性設置于同一聲明中。 ``` <html> <head> <style type="text/css"> p.one { border-style: solid; border-width: 5px } p.two { border-style: solid; border-width: thick } p.three { border-style: solid; border-width: 5px 10px } p.four { border-style: solid; border-width: 5px 10px 1px } p.five { border-style: solid; border-width: 5px 10px 1px medium } </style> </head> <body> Some text Some text Some text Some text Some text 注釋："border-width" 屬性如果單獨使用的話是不會起作用的。請首先使用 "border-style" 屬性來設置邊框。 </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 邊框](/css/css_border.asp "CSS 邊框") HTML DOM 參考手冊：[borderWidth 屬性](/jsref/prop_style_borderwidth.asp "HTML DOM borderWidth 屬性")