border-width
时间: 2023-07-06 08:43:53 浏览: 121
图像边缘宽度
4星 · 用户满意度95%
`border-width` 属性用于设置一个元素的边框宽度,它可以设置一个值,也可以设置四个值来控制不同边框的宽度。
语法格式如下:
```css
/* 设置所有边框的宽度 */
border-width: value;
/* 设置不同边框的宽度 */
border-width: top right bottom left;
```
其中,`value` 可以是一个具体的像素值,也可以是一个预定义的关键字如 `thin`、`medium` 或 `thick`。
例如,以下CSS代码可以将元素的上下边框宽度设置为2像素,左右边框宽度设置为4像素:
```css
border-width: 2px 4px;
```
如果只设置一个值,则四个边框的宽度都相同:
```css
border-width: 3px;
```
需要注意的是,`border-width` 属性只能用于具有边框的元素,如 `<div>`、`<p>`、`<table>` 等。对于没有边框的元素,如 `<span>` 或 `<a>`,该属性不起作用。
阅读全文