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,不能被正常显示。