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 实例

所有边框宽度属性在一个声明之中
本例演示用简写属性来将所有边框宽度属性设置于同一声明中。