目录

style borderWidth 属性

示例

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

document.getElementById("myDiv").style.borderWidth = "thick";
亲自试一试 »

描述

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

该属性可以采用一到四个值:

  • 一个值,例如:p {border-width:thick} - 所有四个边框都是粗的
  • 两个值,例如:p {border-width:thickthin} - 顶部和底部边框将变粗,左右边框将变细
  • 三个值,例如:p {border-width:thick Thin Medium} - 上边框为粗,左右边框为细,下边框为中
  • 四个值,例如: p {border-width: 厚薄中型 10px} - 顶部边框较粗,右边框较细,底部边框为中等,左边框为 10px

浏览器支持

Property
borderWidth Yes Yes Yes Yes Yes

语法

返回 borderWidth 属性:

object.style.borderWidth

设置边框宽度属性:

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

属性值

Value Description
thin Defines a thin border
medium Defines a medium border. This is default
thick Defines a thick border
length The width of the border in length units
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 中等的
返回值: 一个字符串,表示元素边框的宽度
CSS版本 CSS1

更多示例

示例

将 <div> 元素的顶部和底部边框的宽度更改为粗,并将左右边框的宽度更改为细:

document.getElementById("myDiv").style.borderWidth = "thick thin";
亲自试一试 »

示例

使用以下命令更改 <div> 元素的四个边框的宽度长度值:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
亲自试一试 »

示例

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

alert(document.getElementById("myDiv").style.borderWidth);
亲自试一试 »

相关页面

CSS教程:CSS 边框

CSS 参考:边框宽度属性

HTML DOM 参考:边境属性