最新的Web开发教程
 

Style borderWidth Property

<Style对象

例

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

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

定义和用法

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

该属性可以从一到四个值：

  • 一个值，如：p {边框宽度：厚} - 所有四个边框将厚
  • 二值化，像：P {边框宽度：厚薄} - 顶部和底部边界将是厚，左和右边界将薄
  • 三个值，如：P {边框宽度：厚薄介质} - 上边框定厚，左和右边界将是薄的，下边框是介质
  • 四个值，如：P {边框宽度：厚薄介质10px的} - 上边框定厚，右边界将是薄的，下边框是介质，左边框将10px的

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

BorderWidth属性所有主流浏览器的支持。

句法

返回BorderWidth属性：

object .style.borderWidth

设置BorderWidth属性：

object .style.borderWidth="thin|medium|thick| 属性值
值 描述
thin 定义细边框
medium 定义中的边界。 这是默认
thick 定义一个粗框
length 边界的长度单位宽度
initial 将此属性设置为默认值。 阅读关于初始
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参考： border-width property

HTML DOM参考： border property

<Style对象