最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style borderLeftStyle Property

例

添加一个"solid"左边框的<div>元素：

document.getElementById("myDiv").style.borderLeftStyle = "solid";

定义和用法

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

浏览器支持

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

句法

返回borderLeftStyle属性：

object .style.borderLeftStyle

设置borderLeftStyle属性：

object .style.borderLeftStyle= 属性值

值	描述
none	定义无边框。这是默认
hidden	同"none" ，除了在边境解决冲突表格元素
dotted	定义虚线边框
dashed	定义一个虚线框
solid	定义了坚实的边界
double	定义了两个边界。两个边框的宽度是相同的边框宽度值
groove	定义3D沟槽边界。该效果取决于边框颜色值
ridge	定义3D脊边界。该效果取决于边框颜色值
inset	定义3D插图边框。该效果取决于边框颜色值
outset	3D突出边框。该效果取决于边框颜色值
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	没有
返回值：	一个字符串，代表一个元素的左边框的样式。
CSS版本	CSS1

更多示例

例

更改的左边框的样式<div>元素，以"dotted" ：

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

例

返回一个左边框样式<div>元素：

alert(document.getElementById("myDiv").style.borderLeftStyle);

例

所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

相关页面

CSS教程： CSS边框

CSS参考： border-left-style property

HTML DOM参考： border property