最新的Web开发教程
 

Style borderLeft Property

<Style对象

例

左边框添加到<div>元素：

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
试一试»

定义和用法

该borderLeft属性设置或返回多达三个独立的左边框的属性，在一个简写形式。

有了这个属性，你可以设置/返回的一个或多个以下(in any order) ：

  • 左边框宽度
  • 左边框风格
  • 左边框的颜色

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该borderLeft属性在所有主流浏览器的支持。

句法

返回borderLeft属性：

object .style.borderLeft

设置borderLeft属性：

object .style.borderLeft=" 属性值
参数 描述
width 设置左边框的宽度
style 设置左边框的样式。
color 设置左边框的颜色
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值： 未标明
返回值： 一个字符串，表示元素的左边框的宽度，样式和/或颜色
CSS版本 CSS1

更多示例

例

改变的左边框的宽度，样式及颜色<div>元素：

document.getElementById("myDiv").style.borderLeft = "thin dotted red";
试一试»

例

返回的左边框的属性值<div>元素：

alert(document.getElementById("myDiv").style.borderLeft);
试一试»

相关页面

CSS教程： CSS边框

CSS参考： border-left property

HTML DOM参考： border property

<Style对象