CSS 属性 border-width 用于设置元素的边框宽度。它可以指定四条边框的宽度,也可以分别设置每条边的宽度。
语法
border-width: top right bottom left;
- top: 设置顶部边框的宽度
- right: 设置右侧边框的宽度
- bottom: 设置底部边框的宽度
- left: 设置左侧边框的宽度
可用值
- thin: 细边框
- medium: 中等边框
- thick: 粗边框
- length: 指定具体的边框宽度,如 1px、2px
- initial: 默认值
- inherit: 继承父元素的值
示例
/* 设置所有边框的宽度为 2px */ border-width: 2px; /* 分别设置四个边框的宽度 */ border-width: 1px 2px 3px 4px; /* 分别设置左右边框的宽度 */ border-width: initial 2px initial 2px;
使用 border-width 属性可以很方便地控制元素的边框宽度,让页面呈现出更加美观的效果。