HTML CSS Reference/CSS Attributes and Javascript Style Properties/border left
"border-left" Example
<html>
<head>
<style>
.style1 {
border:5px solid #cccccc;
border-left:5px solid red;
}
.style2 {
border:"none";
}
</style>
</head>
<body>
<div id="myL"
style="width:230;
height:100;
background-color:beige"
onmouseover="this.className="style1""
onmouseout="this.className="style2"">
Move your mouse in and out to see the style change
</div>
</body>
</html>
"border-left" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<b> <bdo> |
| |<big> <blockquote> |
| |<body> <button> |
| |<caption> <center> |
| |<cite> <code> |
| |<custom> <dd> |
| |defaults <del> |
| |<dfn> <dir> |
| |<div> <dl> |
| |<dt> <em> |
| |<embed> <fieldset> |
| |<font> <form> |
| |<frame> <hn> |
| |<i> <img> |
| |<input type="button"> <input type="checkbox"> |
| |<input type="file"> <inputtype="image"> |
| |<input type="password"> <input type="radio"> |
| |<input type="reset"> <input type="submit"> |
| |<input type="text"> <ins> |
| |<isindex> <kbd> |
| |<label> <li> |
| |<listing> <marquee> |
| |<menu> <nobr> |
| |<object> <ol> |
| |<p> <pre> |
| |<q> runtimeStyle |
| |<s> <samp> |
| |<small> <span> |
| |<strike> <strong> |
| |style <sub> |
| |<sup> <table> |
| |<td> <textarea> |
| |<th> <tt> |
| |<u> <ul> |
| |<var> <xmp> |
+----------------+--------------------------------------------------------------+
"border-left" Syntax and Note
Note:
Define three different border properties: color, width, and style.
Syntax:
element { border-left: values }
elementID.style.borderBottom = "values"
document.all.elementID.style.borderBottom = "values" // IE only