CSS border-width 属性
定义
border-width 是一个简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。
继承性:No
JavaScript 语法
CSS属性也可通过一段JavaScript被动态地改变。
脚本语法:
object.style.borderWidth="thick thin"
在我们的 HTML DOM 教程中,您可以找到更多有关 borderWidth 属性 的细节。
在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册。
例子
四边均为细线边框:
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 | 允许您自定义边框的宽度。 |
TIY 实例
- 所有边框宽度属性在一个声明之中
- 本例演示用简写属性来将所有边框宽度属性设置于同一声明中。