定义
border-width 是一个简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。
继承性:No
JavaScript 语法
CSS属性也可通过一段JavaScript被动态地改变。
脚本语法:
object.style.borderWidth="thick thin"
例子
四边均为细线边框:
table {border-width: thin}
顶边框和底边框为细线,左边框和右边框为中等边框:
table {border-width: thin medium}
顶边框为细线,左边框和右边框为中等边框,而底边框为粗边框:
table {border-width: thin medium thick}
顶边框为细线,右边框为中等边框,底边框为粗边框,而左边没有边框:
table {border-width: thin medium thick none}
可能的值
值 | 描述 |
---|---|
thin | 定义细的边框。 |
medium | 默认。定义中等的边框。 |
thick | 定义粗的边框。 |
length | 允许您自定义边框的宽度。 |
宽度值有下面的关系: thin<medium<thick
border-width:thick medium thin 12px;
等价于下面的定义
border-top-width:thick;
border-right-width:medium;
border-bottom-width:thin;
border-left-width:12px;
border的属性:
- border-width
- border-style :solid
- border-color