最新的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