Style borderLeftStyle 属性
定义和用法
borderLeftStyle 属性设置或返回元素左边框的样式。
另请参阅：
CSS 教程：CSS 边框
CSS 参考手册：border-left-style 属性
HTML DOM 参考手册：border 属性
实例
例子 1
为 <div> 元素添加实心左边框：
document.getElementById("myDiv").style.borderLeftStyle = "solid";例子 2
将 <div> 元素的左边框样式更改为 "dotted"：
document.getElementById("myDiv").style.borderLeftStyle = "dotted";例子 3
返回 <div> 元素的左边框样式：
alert(document.getElementById("myDiv").style.borderLeftStyle);例子 4
对所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;语法
返回 borderLeftStyle 属性：
object.style.borderLeftStyle
设置 borderLeftStyle 属性：
object.style.borderLeftStyle = value
| 值 | 描述 |
|---|---|
| none | 定义无边框。默认。 |
| hidden | 与 "none" 相同，但在解决表格元素的边框冲突中除外。 |
| dotted | 定义点状边框。 |
| dashed | 定义虚线边框。 |
| solid | 定义实心边框。 |
| double | 定义两个边界。两个边框的宽度与 border-width 的值相同。 |
| groove | 定义 3D 凹槽边框。效果取决于 border-color 的值。 |
| ridge | 定义 3D 脊状边界。效果取决于 border-color 的值。 |
| inset | 定义 3D inset 边框。效果取决于 border-color 的值。 |
| outset | 定义 3D outset 边框。效果取决于 border-color 的值。 |
| initial | 将此属性设置为其默认值。请参阅 initial。 |
| inherit | 从其父元素继承此属性。请参阅 inherit。 |
技术细节
| 默认值： | none |
|---|---|
| 返回值： | 字符串，表示元素左边框的样式。 |
| CSS 版本： | CSS1 |
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |