實例

設(shè)置四個邊框的寬度：

p
  {
  border-style:solid;
  border-width:15px;
  }

親自試一試

瀏覽器支持

所有瀏覽器都支持 border-width 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

定義和用法

border-width 簡寫屬性為元素的所有邊框設(shè)置寬度，或者單獨地為各邊邊框設(shè)置寬度。

只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none，邊框?qū)挾葘嶋H上會重置為 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 個邊框都是細邊框

可能的值

相關(guān)頁面

CSS 教程：CSS 邊框

HTML DOM 參考手冊：borderWidth 屬性