CSS border-width 屬性使用方法及示例

border-width CSS屬性是用于設置單獨的邊框?qū)挾葘傩?，是一個速記屬性，是border-top-width，border-right-width，border-bottom-width和border-left-width的簡寫屬性。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

border-width的使用語法

該屬性的語法如下：

border-width: [ thin | medium | thick | length ] 1 to 4 values | inherit

該速記符號可以采用一個，兩個，三個或四個空格分隔的值。

• 如果指定一個值，則它將應用于所有邊框。

• 如果指定了兩個值，則第一個值用于頂部和底部邊框，而第二個值用于右側(cè)和左側(cè)邊框。

• 如果指定了三個值，則第一個值用于頂部邊框，第二個值用于右側(cè)和左側(cè)邊框，第三個值用于底部邊框。

• 如果指定了四個值，則每個值將按上，右，下和左的順序分別應用于邊框。

下面的示例演示了如何使用border-width屬性。

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

屬性值

下表描述了此屬性的值。

瀏覽器兼容性

border-width屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號；所有主流瀏覽器均支持該屬性。

瀏覽器支持– Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+） Opera 4+

進一步閱讀

參見教程：CSS Border，CSS3 Border。

相關屬性：border，border-style，border-color，border-top-width，border-right-width，border-bottom-width，border-left-width。