HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

borderleftstyle

Style borderLeftStyle 属性

定义和用法

borderLeftStyle 属性设置或返回元素的左边框的样式。

语法

设置 borderLeftStyle 属性：

Object.style.borderLeftStyle="value"

返回 borderLeftStyle 属性：

Object.style.borderLeftStyle

值	描述
none	默认。定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。
dashed	定义虚线边框。
solid	定义实线边框。
double	定义双线边框。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	左边框的样式从父元素继承。

浏览器支持

所有主要浏览器都支持 borderLeftStyle 属性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

更改左边框的样式：

<html>
<head>
<style type="text/css">
#ex1
{
border: 1px solid #FF0000;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.borderLeftStyle="dotted";
}
</script>
</head>
<body>

<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change style of left border</button>

</body>
</html>