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

# CSS border-bottom-width 屬性 ## 實例設置下邊框的寬度： ``` p { border-style:solid; border-bottom-width:15px; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 border-bottom-width 屬性。注釋：IE7 以及更早版本的瀏覽器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。 ## 定義和用法 border-bottom-width 屬性設置元素的下邊框的寬度。只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none，邊框寬度實際上會重置為 0。不允許指定負長度值。注釋：請始終在 border-bottom-width 屬性之前聲明 border-style 屬性。元素只有在獲得邊框之后，才能改變其邊框的寬度。 | 默認值： | medium | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.borderBottomWidth="thick" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | thin | 定義細的下邊框。 | | medium | 默認值。定義中等的下邊框。 | | thick | 定義粗的下邊框。 | | _length_ | 允許您自定義下邊框的寬度。 | | inherit | 規定應該從父元素繼承邊框寬度。 | ## TIY 實例 [設置下邊框的寬度](/tiy/t.asp?f=csse_border-bottom-width) 本例演示如何設置下邊框的寬度。 ``` <html> <head> <style type="text/css"> p.one { border-style: solid; border-bottom-width: 15px } p.two { border-style: solid; border-bottom-width: thin } </style> </head> <body> <p class="one"><b>注釋：</b>"border-bottom-width" 屬性如果單獨使用的話是不會起作用的。請首先使用 "border-style" 屬性來設置邊框。</p> <p class="two">Some text. Some more text.</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 邊框](/css/css_border.asp "CSS 邊框") CSS 參考手冊：[border-bottom 屬性](/cssref/pr_border-bottom.asp "CSS border-bottom 屬性") HTML DOM 參考手冊：[borderBottomWidth 屬性](/jsref/prop_style_borderbottomwidth.asp "HTML DOM borderBottomWidth 屬性")