Latest web development tutorials

CSS border-width 屬性

實例

設置四個邊框的寬度:

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

嘗試一下»

屬性定義及使用說明

border-width屬性設置一個元素的四個邊框的寬度。 此屬性可以有一到四個值。

實例:

border-width:thin medium thick 10px;

  • 上邊框是細邊框
  • 右邊框是中等邊框
  • 下邊框是粗邊框
  • 左邊框是10px 寬的邊框

border-width:thin medium thick;

  • 上邊框是細邊框
  • 右邊框和左邊框是中等邊框
  • 下邊框是粗邊框

border-width:thin medium;

  • 上邊框和下邊框是細邊框
  • 右邊框和左邊框是中等邊框

border-width:thin;

  • 所有4個邊框都是細邊框
默認值: medium
繼承性: no
版本: CSS1
JavaScript 語法: object.style.borderWidth="thin thick"


瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

属性
border-width 1.0 4.0 1.0 1.0 3.5

屬性值

描述
thin 定義細的邊框。
medium 默認。 定義中等的邊框。
thick 定義粗的邊框。
length 允許您自定義邊框的寬度。
inherit 規定應該從父元素繼承邊框寬度。


相關文章

CSS教程: CSS Border