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
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| borderWidth | 是 | 是 | 是 | 是 | 是 |
语法
返回 borderWidth 属性
object.style.borderWidth
设置 borderWidth 属性
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| thin | 定义细边框 |
| medium | 定义中等边框。这是默认值 |
| thick | 定义粗边框 |
| length | 边框的宽度，以长度单位表示 |
| initial | 将此属性设置为其默认值。 了解initial |
| inherit | 从其父元素继承此属性。 了解inherit |
技术细节
| 默认值 | medium |
|---|---|
| 返回值 | 一个字符串，表示元素边框的宽度 |
| CSS 版本 | CSS1 |
更多示例
示例
将<div> 元素的顶部和底部边框的宽度更改为粗体，将左侧和右侧边框的宽度更改为细体
document.getElementById("myDiv").style.borderWidth = "thick thin";
自己尝试 »
示例
更改<div> 元素的四个边框的宽度，使用length 值
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
自己尝试 »
相关页面
CSS 教程：CSS 边框
CSS 参考：border-width 属性
HTML DOM 参考：border 属性
