CSS3中的border-width屬性用于定義元素邊框的寬度,可以取值為像素(px)、em、rem、百分比(%)等。
div { border-style: solid; border-width: 2px; }
上面的代碼定義了一個div元素的邊框樣式為實線,邊框寬度為2像素。
為了更好地控制元素邊框的寬度,可以使用CSS3中新增的border-width屬性縮寫。
div { border: 2px solid black; }
上面的代碼定義了一個div元素的邊框樣式為實線,邊框寬度為2像素,邊框顏色為黑色。
此外,CSS3還新增了一些屬性用于設置元素不同方向的邊框:
div { border-top-width: 2px; /* 上邊框寬度為2像素 */ border-right-width: 2px; /* 右邊框寬度為2像素 */ border-bottom-width: 2px; /* 下邊框寬度為2像素 */ border-left-width: 2px; /* 左邊框寬度為2像素 */ }
上面的代碼分別給div元素的上、右、下、左四個方向的邊框設置了寬度為2像素。