Style borderWidth 属性

定义和用法

borderWidth 属性设置或返回元素边框的宽度。

此属性可以采用一到四个值：

• 一个值，例如：p {border-width: thick} - 所有四个边框都是粗

• 两个值，例如：p {border-width: thick thin} - 上下边框粗，左右边框细

• 三个值，例如：p {border-width: thick thin medium} - 上边框粗，左右边框细，下边框中等

• 四个值，例如：p {border-width: thick thin medium 10px} - 上边框粗，右边框细，下边框中等，左边框 10px

另请参阅：

CSS 教程：CSS 边框

CSS 参考手册：border-width 属性

HTML DOM 参考手册：border 属性

实例

例子 1

更改 <div> 元素的四个边框的宽度：

document.getElementById("myDiv").style.borderWidth = "thick";

亲自试一试

例子 2

将 <div> 元素的上下边框宽度更改为粗，左右边框更改为细：

document.getElementById("myDiv").style.borderWidth = "thick thin";

亲自试一试

例子 3

使用长度值更改 <div> 元素的四个边框的宽度：

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

亲自试一试

例子 4

返回 <div> 元素的边框宽度：

alert(document.getElementById("myDiv").style.borderWidth);

亲自试一试

语法

返回 borderWidth 属性：

object.style.borderWidth

设置 borderWidth 属性：

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"

技术细节

浏览器支持