CSS中的border-width屬性用于設置HTML元素的邊框寬度。
例子: border-width: 1px;
可以使用border-top-width、border-right-width、border-bottom-width、border-left-width來分別設置元素的上、右、下、左的邊框寬度。
例子: border-top-width: 2px; border-bottom-width: 3px; border-left-width: 1px; border-right-width: 4px;
還可以使用border-width的縮寫方式來同時設置所有的邊框寬度,多個值用空格隔開。
例子: border-width: 2px 4px 3px 1px;
以上代碼表示依次為元素的上、右、下、左設置2像素、4像素、3像素、1像素的邊框寬度。
當使用百分比值時,邊框寬度將以父元素的寬度為基準進行計算。
例子: border-width: 10% 20%;
以上代碼表示元素的上下邊框寬度為父元素寬度的10%,左右邊框寬度為父元素寬度的20%。
注意:當元素的寬度或高度設置為0時,邊框寬度也會被設置為0,不能被正常顯示。